脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 脚本代码 工具

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)+"&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地址栏中，回车运行即可(不能点后面的重新加载)

相关文章

  • Next.js项目实战踩坑指南(笔记)

    Next.js项目实战踩坑指南(笔记)

    这篇文章主要介绍了Next.js项目实战踩坑指南(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • JS中获取数据库中的值的方法

    JS中获取数据库中的值的方法

    在项目中遇到一个问题，需要在JS中读取数据库中的值，然后再把值返回到页面中，解决方案如下:使用Ajax方法来实现，需要用到ajax.dll（一个ajax技术开发的帮助类库）。
    2013-07-07
  • jQuery 的 ready()的纯js替代方法

    jQuery 的 ready()的纯js替代方法

    这篇文章主要介绍了jQuery 的 ready()的纯js替代方法的相关资料,需要的朋友可以参考下
    2016-11-11
  • js之切换全屏和退出全屏实现代码实例

    js之切换全屏和退出全屏实现代码实例

    这篇文章主要介绍了js之切换全屏和退出全屏实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • css如何让浮动元素水平居中

    css如何让浮动元素水平居中

    css中对于定宽的非浮动元素用margin:0 auto进行水平居中，对于不定宽的浮动元素也有一个常用技巧，这篇文章就给大家介绍下css如何让浮动元素水平居中，需要的朋友可以来学习下
    2015-08-08
  • 一篇文章看懂JavaScript中的回调

    一篇文章看懂JavaScript中的回调

    这篇文章主要给大家介绍了如何通过一篇文章看懂JavaScript中的回调，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • TypeScript为对象动态添加属性代码示例

    TypeScript为对象动态添加属性代码示例

    这篇文章主要给大家介绍了关于TypeScript为对象动态添加属性的相关资料,在TypeScript 中,我们经常需要在运行时动态添加属性到对象上,需要的朋友可以参考下
    2023-07-07
  • 简单实用的反馈表单无刷新提交带验证

    简单实用的反馈表单无刷新提交带验证

    表单无刷新提交带验证，非常适用于反馈，具体的实现如下包含各个功能代码，喜欢的朋友可以参考下
    2013-11-11
  • js 数组实现一个类似ruby的迭代器

    js 数组实现一个类似ruby的迭代器

    今天突然发现js的数组处理起来真是麻烦,代码一些就是一大堆,相比起ruby的迭代器来真是逊色不少。
    2009-10-10
  • 微信小程序开发之实现记账本

    微信小程序开发之实现记账本

    这篇文章主要为大家详细介绍了如何通过微信小程序开发一个简单的记账本，文中的示例代码讲解详细，感兴趣的小伙伴可以和小编一起学习一下
    2023-01-01

最新评论