brackets重启chrome并打开远程调试

html-css015

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供雷锋网专稿,转载请注明来自雷锋网及作者)