js代码在浏览器地址栏执行

浏览器地址栏也支持 javascript 协议并执行js代码
如：
在浏览器地址栏输入下面代码并回车，页面中大部分元素内容都可以随便修改

javascript:document.body.contentEditable='true';document.designMode='on';void(0);

web实际开发中，常常需要对js进行调试，一般常用方法是在代码中添加 alert 或 console
当不方便修改代码时就有些不好用，这个时候可以使用在浏览器的地址栏中输入调试的js代码快速定位问题，当然如果是采用闭包开发且外部不可调用的 js 代码除外。

浏览器地址栏大部分都支持 javascript 协议。

只是不同的浏览器执行 js 代码时会有一些差异。
如 ：火狐在浏览器地址栏中输入

javascript:document.body.contentEditable='true';document.designMode='on';

会关闭当前页面内容，显示 on
但如果在后面添加 void(0);
则就会在当前页面

javascript:document.body.contentEditable='true';document.designMode='on';void(0);

也就是说有的浏览器执行js代码需要在代码结尾处追加 void(0); 而有的浏览器则可以不要，所以在使用中最好全都带上 void(0); 以便兼容所有浏览器。

本文出自 “秋风扫落叶” 博客，请务必保留此出处http://php2012web.blog.51cto.com/5585213/1678808