mac的safari浏览器调试h5

在h5开发移动端时，兢兢业业的开发的完成后，本地电脑测试，无bug，完美。在自己的新手机上测试，也没有bug，ok，交付。

然而，在测试阶段，bug来了，这个按钮怎么点击无反应？这个样式怎么不对？。。。明明没有bug呀，难道又是兼容性问题？头疼，到底是什么原因呢。

这个时候加入你在mac的Safari 浏览器上稍加调试，问题就出现了，我们可以清晰的看到错误原因和报错信息。ok，那就解决问题了。

具体怎么调试呢，看下方：

一、参考链接

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

转载于:https://www.cnblogs.com/mufengforward/p/10475111.html

mac的safari浏览器调试h5相关推荐

用mac的safari浏览器调试ios手机的网页
iOS 6给Safari带来了远程的Web检查器工具. 一.参考链接 ios开发者文档 safari开发者工具 remote debugging safari 二.设置iphone 设置 -> ...
Mac版safari开启调试模式
Mac版safari开启调试模式步骤如下点击Safari启动浏览器点击左上Safari标志,选择偏好设置选择高级,勾选下方的在菜单栏显示开发菜单. 如此,Safari最上方就出现了开发菜单, ...
ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法
ios系统微信浏览器.safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法参考文章: (1)ios系统微信浏览器.safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法 (2) ...
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手机移动端页面
打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器], 具体如下图所示打开Mac上Safari的开发者模式,流程是[Safar ...
用mac的chrome浏览器调试Android手机的网页
一.参考链接 read chrome remote debugging documentation 调出开发者选项二.设置android 在安卓4.2及更新的版本中,默认情况下,[开发者选项]是隐藏 ...
Mac电脑Safari 浏览器中Cookie 和网站数据如何管理
Safari 浏览器是Mac电脑上自带的一款非常好用的浏览器,如何管理Safari 浏览器中Cookie 和网站数据呢?跟随小编一起来看看吧! 可以更改 Safari 浏览器偏好设置中的选项,从而让 ...
用mac的chrome浏览器调试 Android 手机的网页
一.参考链接 read chrome remote debugging documentation 调出开发者选项二.设置android 在安卓4.2及更新的版本中,默认情况下,[开发者选项]是隐藏 ...

mac的safari浏览器调试h5

mac的safari浏览器调试h5相关推荐

最新文章

热门文章