如何启动safari浏览器Webweb audio inspectorr

来源：蜘蛛抓取(WebSpider) 时间：2016-02-19 02:23 标签： web inspector
查看: 963|回复: 0
通过 Chrome 调试运行在 IOS-safari 上的页面
本文重点讨论如何在 Windows 系统中通过chrome 浏览器调试运行在 iPhone Safari 浏览器中的网页。如果你有一台 iMac/MacBook，可忽略该文档。iMac 环境下，直接通过 USB 将 iphone 与 iMac/MacBook 链接，之后在 iMac/MacBook 中打开 Safari 进入调试模式，即可对运行在手机中的页面进行调试。详情见：Using Web Inspector to Debug Mobile Safari 或 Safari Web Inspector Guide
安装 iTunes
Windows 系统首先要安装 iTunes ，打开 Apple 官网下载 iTunes 并完成 iTunes 安装，否则计算机无法正确识别 iPhone 设备。
开启调试模式
要远程调试 IOS Safari ，必须启用 Web 检查 功能，打开 iPhone 依次进入 设置 > Safari > 高级 > Web 检查 > 启用。
ios-webkit-debug-proxy
ios-webkit-debug-proxy 是一个 DevTools proxy ，项目托管在 Github 上。其使得开发者可以发送命令到真实（或虚拟）IOS设备中的 Safari 浏览器或 UIWebViews 。
项目地址：/artygus/ios-webkit-debug-proxy-win32。
在 Binaries 小节点击下载链接。
下载后完成解压缩，将ios-webkit-debug-proxy-win32 目录复制到 C:\ 盘。
在系统环境变量添加 C:\ios-webkit-debug-proxy-win32。
启动 proxy
打开命令行终端，执行：
ios_webkit_debug_proxy-win32.exe -f chrome-devtools://devtools/bundled/inspector.html复制代码
输出结果如下：
ios_webkit_debug_proxy-win32.exe -f chrome-devtools://devtools/bundled/inspector.html&br&Listing devices on :9221 &br&Connected :9222 to iPhone (c356a29fde64b088d55aeeda8f034)复制代码
打开 chrome 浏览器，在地址栏输入 http://localhost:9221/ ，这里会显示所有已连接的设备清单，选择一个设备并点击打开。
打开的页面可看到当前 iphone 中 Safari 浏览器打开的所有页面，点击要调试的页面链接打开即可进入调试界面。此时可能会有一个错误提示如下
Note: Your browser may block1,2 the above links with JavaScript console error:
Not allowed to load local resource: chrome-devtools://...To open a link: right-click on the link (control-click on Mac), 'Copy Link Address', and paste it into address bar.复制代码
提示浏览器禁止页面加载本地资源，需在上面的链接上点击右键复制链接，然后手动新建一个标签页将链接粘贴进去，回车访问。
根据提示说明复制链接并打开，即可看到常见的 chrome 调试窗口。
接下来，就可以进行正常的调试工作了。
本文地址：/kelsen/p/6368550.html
关于本文如果您有任何建议或疑问请在下面留言交流，也可通过 高级工程师 群进行线上沟通。
上一篇：下一篇：2880人阅读
CSS使用技巧（8）
safari（4）
開発－－＞Webインスぺクタ
（web Inspector）
Inspector 检查员； 测定器
之后选择左下角的图标，代码页面和画面分开显示
分开后，会看到代码页面上由于个放大镜的图标。
点击这个图标，然后再点击页面的任意部分，便可以显示这个部分的css。
------------------------
这里面显示的信息非常全面，
?这里引用的所有的css
?这些css的位置
?哪些css起作用，哪些没有起作用
-------------------------
インスぺケタ　（检查员）
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：867032次
积分：10700
积分：10700
排名：第1300名
原创：339篇
转载：79篇
评论：44条
(1)(3)(1)(8)(2)(4)(4)(1)(8)(8)(18)(3)(3)(6)(3)(1)(10)(9)(15)(14)(9)(19)(24)(23)(19)(16)(7)(30)(16)(6)(7)(5)(2)(2)(4)(10)(5)(19)(7)(21)(32)(11)(2)苹果推出针对开发者的新版Safari网络浏览器：Safari技术预览版 | 福利吧
你的位置：
苹果推出针对开发者的新版Safari网络浏览器：Safari技术预览版
腾讯云推荐码免费领取
腾讯云推荐码免费领取
阿里云幸运券免费领取
阿里云幸运券免费领取
福利吧导航
福利吧旗下网址大全，方便安全的上网导航。
福利吧旗下论坛，网友互动交流社区。

我要回帖

更多关于 web inspector 的文章

 

随机推荐