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

你可能感兴趣的:(JavaScript,浏览器,js代码,地址栏)