10个实用的脚本代码工具

更新时间：2010年05月04日 12:25:46 作者：

10个实用的脚本工具，其实就是将代码拷贝到IE地址栏中运行

下面介绍10个实用的
浏览辅助
Tidy Read

javascript:(function(){var s=document.createElement("script");s.charset="gb2312";s.language="javascript";s.type="text/javascript";s.src="http://tidyread.com/tidyread.js?u="+encodeURIComponent(document.location.href)+"&amp;t="+encodeURIComponent(document.title);document.body.appendChild(s)})(); 

将那些乱糟糟的页面清理干净，更加可以自由设置喜好，很强大。

Show Password

复制代码代码如下:

javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "n"; } } if (s) alert("Passwords in forms on this page:nn" + s); else alert("There are no passwords in forms on this page.");})(); 

查看网页上显示为*****的密码。觉得很有用处，比如当Chrome记住密码，而你忘了时...

Dictionary.com

复制代码代码如下:

javascript:(function(){ q=document.getSelection(); if(!q) q=prompt('Dictionary.com Search:'); if(q) location.href='http://dictionary.reference.com/search?r=1&q='+escape(q); })() 

翻译选中的单词，美中不足的是英英翻译，适合英语有一定水平的朋友。

restore selecting

复制代码代码如下:

javascript:(function() { function R(a){ona = "on"+a; if(window.addEventListener) window.addEventListener(a, function (e) { for(var n=e.originalTarget; n; n=n.parentNode) n[ona]=null; }, true); window[ona]=null; document[ona]=null; if(document.body) document.body[ona]=null; } R("click"); R("mousedown"); R("mouseup"); R("selectstart"); })(); 

有些网站禁止选择文本，它可以恢复之。貌似chrome用不了。

清除网站的cookies

复制代码代码如下:

javascript:(function(){C=document.cookie.split("; ");for(d="."+location.host;d;d=(""+d).substr(1).match(/\..*$/))for(sl=0;sl<2;++sl)for(p="/"+location.pathname;p;p=p.substring(0,p.lastIndexOf('/')))for(i in C)if(c=C[i]){document.cookie=c+"; domain="+d.slice(sl)+"; path="+p.slice(1)+"/"+"; expires="+new Date((new Date).getTime()-1e11).toGMTString()}})() 

清除网站的cookies，Chrome用不了。

开发者工具

Reload CSS

复制代码代码如下:

javascript:void(setInterval(function(){var qs='?'+new Date().getTime(),l,i=0;while(l=document.getElementsByTagName('link')[i++]){if(l.rel&&'stylesheet'==l.rel.toLowerCase()){if(!l._h)l._h=l.href;l.href=l._h+qs}}},2000)); 

让网页不断的重载CSS。

Spry Media

复制代码代码如下:

javascript:function fnStartDesign(sUrl) {var nScript = document.createElement('script');nScript.setAttribute('language','JavaScript');nScript.setAttribute('src',sUrl);document.body.appendChild(nScript);}fnStartDesign('http://www.sprymedia.co.uk/design/design/media/js/design-loader.js'); 

十分强大的工具。包含：网格，标尺，单位测量，十字线。建议web设计师试一下。

Layout Grid

复制代码代码如下:

javascript:void(myDiv=document.createElement('div'));void(myBody=document.getElementsByTagName('body')[0]);void(myDiv.style.background='url(http://www.andybudd.com/images/layoutgrid.png)');void(myDiv.style.position='absolute');void(myDiv.style.width='100%');void(myDiv.style.height='100%');void(myDiv.style.top='0');void(myDiv.style.left='0');void(myBody.appendChild(myDiv)); 

生成漂亮的网格。

Print Screen

复制代码代码如下:

javascript:window.location='http://aviary.com/' + location.href;

又一个推荐的工具。截取当前网页，更可以自动进入aviary.com编辑该图片。

Download as PDF

复制代码代码如下:

javascript:void(window.open('http://www.pdfdownload.org/web2pdf/Default.aspx?left=0&right=0&top=0&bottom=0&page=0&cURL='+document.location.href)); 

存储网页为pdf文件。

再提一句，Spry Media真的很好用。

偶尔因为网速慢，可能导致不能正常运行，其它的都是经过测试的，效果不错。

使用后，先打开想要操作的页面，然后复制脚本代码，拷贝到IE地址栏中，回车运行即可(不能点后面的重新加载)

JS简单模拟触发按钮点击功能的方法
这篇文章主要介绍了JS简单模拟触发按钮点击功能的方法,涉及JavaScript事件调用机制及事件触发的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-11-11
JavaScript中双叹号!!作用示例介绍
!!一般用来将后面的表达式强制转换为布尔类型的数据，因为javascript是弱类型的语言，所以有时需要强制转换为相应的类型
2014-09-09
AJAX 仿EXCEL表格功能
仿Excel表格演示代码，非常不错。
2009-06-06
JavaScript setTimeout和setInterval的使用方法说明
两个函数都是可以用来实现一段时间后执行一段javascript代码的效果。两个函数都有两个参数，前面的都是执行表达式，后面的是隔的秒数。
2010-03-03
JS事件在IE与FF中的区别详细解析
这篇文章主要是对JS事件在IE与FF中的区别进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
JS函数this的用法实例分析
这篇文章主要介绍了JS函数this的用法,实例分析了javascript中this的功能、定义及相关使用技巧,需要的朋友可以参考下
2015-02-02
JavaScript 五大常见函数
在javascript前端开发中js函数问题经常会被讨论，这个问题仁者见仁智者见智，下面通过示例代码给大家介绍js五大常见函数，感兴趣的朋友一起看看吧
2018-03-03
详解JS事件循环及宏任务微任务的原理
在js中，我们一般将所有的任务都分成两类，一种是同步任务，另外一种是异步任务。而在异步任务中，又有着更加细致的分类，那就是微任务和宏任务。本文将详细讲解这二者的原理与使用，需要的可以参考一下
2022-05-05
Bootstrap每天必学之js插件
Bootstrap每天必学之js插件，Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动，感兴趣的小伙伴们可以参考一下
2015-11-11
JS实现购物车特效
本文主要分享了用JavaScript实现购物车特效的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02