用mac的safari浏览器调试ios手机的网页

iOS 6给Safari带来了远程的Web检查器工具。

一、参考链接

ios开发者文档

safari开发者工具

remote debugging safari

二、设置iphone

设置 -> Safari -> 高级 -> 开启web检查器

三、设置mac

Safari -> 偏好设置 -> 高级 -> 勾选显示开发菜单

四、连接手机和电脑

1、用数据线，mac转接头把iphone和mac连接起来；
2、打开iphone的Safari浏览器中需要调试的网页；
3、打开mac的Safari浏览器，开发 -> 手机名称 -> 选择正在调试的网站；
4、选择元素，用电脑调试手机真机页面。

转载于:https://www.cnblogs.com/camille666/p/mac_safari_debug_ios_page.html

用mac的safari浏览器调试ios手机的网页相关推荐

在mac电脑上,用Safari浏览器调试ios手机移动端页面
打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器], 具体如下图所示打开Mac上Safari的开发者模式,流程是[Safar ...
用mac的chrome浏览器调试Android手机的网页
一.参考链接 read chrome remote debugging documentation 调出开发者选项二.设置android 在安卓4.2及更新的版本中,默认情况下,[开发者选项]是隐藏 ...
用mac的chrome浏览器调试 Android 手机的网页
一.参考链接 read chrome remote debugging documentation 调出开发者选项二.设置android 在安卓4.2及更新的版本中,默认情况下,[开发者选项]是隐藏 ...
mac的safari浏览器调试h5
在h5开发移动端时,兢兢业业的开发的完成后,本地电脑测试,无bug,完美.在自己的新手机上测试,也没有bug,ok,交付. 然而,在测试阶段,bug来了,这个按钮怎么点击无反应?这个样式怎么不对?.. ...
Chrome浏览器调试iOS手机H5页面
1.终端安装ios-webkit-debug-proxy brew install ios-webkit-debug-proxy 2.手机端开启safair web检查器设置 --> safa ...
通过Safari浏览器获取iOS设备UDID(设备唯一标识符)
通过Safari与mobileconfig获取iOS设备UDID(设备唯一标识符) 科普:U D I D (Unique Device Identifier),唯一标示符,是iOS设备的一个唯一识别码 ...
Mac版safari开启调试模式
Mac版safari开启调试模式步骤如下点击Safari启动浏览器点击左上Safari标志,选择偏好设置选择高级,勾选下方的在菜单栏显示开发菜单. 如此,Safari最上方就出现了开发菜单, ...
Mac系统Safari浏览器快捷键大全
Mac系统Safari浏览器快捷键大全导航快捷键: 网页浏览快捷键: 书签和历史快捷键: 其他快捷键: 导航快捷键: Command+L:快速进入地址栏,输入网址进行访问. Command+T:新建 ...
移动端或ipad自带safari浏览器调试插件vConsole使用
适用移动端浏览器调试,ipad的safari浏览器调试均可方法一,使用CDN引入在index.html中 <script src="https://cdn.bootcss.com/v ...

用mac的safari浏览器调试ios手机的网页

用mac的safari浏览器调试ios手机的网页相关推荐

最新文章

热门文章