浏览器地址栏也支持 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