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);  以便兼容所有浏览器。

本文转自  ttlxihuan    51CTO博客，原文链接:http://blog.51cto.com/php2012web/1678808