brackets重启chrome并打开远程调试

html-css023

brackets重启chrome并打开远程调试,第1张

它依赖于在Chrome浏览器中的远程调试功能，这是一个命令行标志启用。在Mac上，如果你已经在使用Chrome浏览器，这时启动“即时预览”，Brackets将询问你是否要重新启动Chrome浏览器启用远程调试功能。只能同时对一个HTML文件进行预览如果切换另一个HTML文件，Brackets将关闭原来的预览。

Brackets提供网页即时预览功能。使用该功能时，Brackets调用Chrome浏览器打开当前页面，此后修改html、css、javascript并保存后，所修改的内容会即时响应到浏览器中的页面，无须手动刷新页面。这是Brackets最大的一个亮点，有两个显示器的coder有福了，可以分屏显示Brackets和chrome，即时修改即时预览，无需切换编辑器/浏览器和刷新页面。

我们知道在Mac/PC上的浏览器都有Web检查器这类的工具(如最著名的Firebug)对前端开发进行调试，而在iPhone/iPad由于限于屏幕的大小和触摸屏的使用习惯，直接对网页调试非常不方便，所以一直没有Web检查器这一类工具。但是iOS6的发布解决了这个问题。iOS6给Safari带来了远程的Web检查器工具(RemoteWebInspector)，你可以通过模拟器或者真实的设备(通过USB连上Mac)进行调试。下面我讲讲详细的调试过程：1.要进行远程调试，首先要打开开启iPhone/iPad上的Safari的远程调试功能，“通过设置>Safari>高级”开启：2.然后打开Safari，开启你要调试的网页，当然原生应用中通过WebView开启的网页也是可以调试的。3.最后把iPhone或者iPad通过数据线连上Mac电脑，打开桌面版的Safari(目前iOS6的Safari远程调试只支持通过Mac上的桌面版的Safari进行，SafariforWindows目前还没有此项功能)，点击开发菜单，选择你调试的iPhone/iPad的设备名，选择调试的网页。4.最后就是调用桌面版的Safari的Web检查器对iPhone/iPad上的Safari应用进行调试：这个调试过程和我们平常在Mac/PC上调试基本一样，比如可以对HTML和CSS做些实时的改动，查看修改后的效果。查看cookie，本地存储，session等一些数据。查看WebApp的性能，网络请求等，也可以查看所有错误和警告信息对程序进行修正。当然我们可以通过它来调试Javascript，设置断点，定义未捕获的意外等。也可以访问Console，直接执行Javascript代码。另外它还支持触摸检查(Touchtoinspect)：激活检查器上的手型图标，就可以通过在iPhone/iPad上触摸，就能立即找到检查器对应的DOM元素。(Denis供雷锋网专稿，转载请注明来自雷锋网及作者)