10个实用的脚本代码工具_javascript技巧

下面介绍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(yun_qi_img/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地址栏中,回车运行即可(不能点后面的重新加载)

时间: 2024-09-22 06:20:04

10个实用的脚本代码工具_javascript技巧的相关文章

10款实用的PHP开源工具_php技巧

在开发工作中,使用合适的工具可以最大化地提高效率.此外,大量的开源项目也节省了开发者重复"造轮"的时间,使得开发者可以专注于业务的实现. 本文介绍10款非常实用且开源的PHP开发辅助工具,希望对你有所帮助. 1. Debugbar DebugBar是一个免费和开源的应用,能够集成至任何PHP项目中,并收集和展示分析数据.它有没有任何依赖,支持Ajax请求,包括常用开发库的通用数据采集器和收集器. 2. Monsta FTP Monsta FTP是一个基于Web并且开源的FTP应用,它采

10个实用的PHP正则表达式汇总_php技巧

本文实例讲述了10个实用的PHP正则表达式汇总,分享给大家供大家参考.具体如下: 正则表达式是程序开发中一个重要的元素,它提供用来描述或匹配文本的字符串,如特定的字符.词或算式等.但在某些情况下,用正则表达式去验证一个字符串比较复杂和费时.本文为你介绍10种常见的实用PHP正则表达式的写法,希望对你的工作有所帮助. 1. 验证E-mail地址 这是一个用于验证电子邮件的正则表达式.但它并不是高效.完美的解决方案.在此不推荐使用. 复制代码 代码如下: $email = "test@ansonch

一些常用且实用的原生JavaScript函数_javascript技巧

css及html方面的技巧总结,点此前往: 前端开发中一些常用技巧总结, 你还可以前往兰芝博客, 查看由淘宝UED整理的前端tips: http://www.12sui.cn/category/css/. 1. document.getElementById的简写: http://www.jb51.net/article/24762.htm; 2. getElementsByTagName的简写方式: http://www.jb51.net/article/24026.htm; 3. 原生Jav

分享10个优化代码的CSS和JavaScript工具_javascript技巧

检查和测试代码来发现任何潜在错误,从而在放到网站上之前及时消除错误是一个非常重要的过程.代码检查的过程也俗称为是Web设计师 和开发者之间的linting.作为一个设计师,如果你想要写出高度优化的代码,那么你一定需要linting工具.有两种类型的代码检查工具.一种是在 执行时间检查代码中的错误和bug.另一种是使用静态代码分析技术并在执行前检查码.后者因为可以节省时间和麻烦显然更佳. 事实上,linting可以放在不同的阶段.如果你喜欢在敲代码的时候测试代码,那么你可以使用lint工具.当然,

脚本之家贴图转换+转贴工具用到的js代码超级推荐_javascript技巧

<SCRIPT language=JavaScript> <!-- function SymError() {   return true; } window.onerror = SymError; //--> </SCRIPT> <SCRIPT language=JavaScript1.2> function delnull() {     var str=document.getElementById('text').value;     str=str

分享9个最好用的JavaScript开发工具和代码编辑器_javascript技巧

Web设计和开发是现今越来越流行的职业方向之一.工欲善其事,必先利其器,如果你想在这个领域出类拔萃,那么你就必须具备一些优秀的技能,例如能操作不同的平台.IDE和其他各种各样的工具. 谈到平台和IDE,现在已经不是以前那个掌握一个IDE就能"一招鲜吃遍天"的时代了.激烈的竞争以及蔓延到现在的集成开发环境.基于IDE是用于创建和部署应用程序的强大客户端应用程序,下面我们要分享的就是对于很多网页设计师和开发人员而言,最好的JavaScript 开发工具. 若有不同见解,敬请不吝赐教. 1)

几个比较实用的JavaScript 测试及效验工具_javascript技巧

尽管JavaScript的语法非常简单,但对于写程序而言仍然是困难重重,就是因为它的运行环境:基于Web浏览器. JSLint JSLint是基于Web的验证JavaScript错误代码的工具.它拥有的功能及特定的设置来使用您的需求,自定义你的验证算法. JsUnit JsUnit是一款在客户端(在浏览时)的单元测试JavaScript框架.对JavaScript而言,JUnit就像是它的一个端口.当然它也可以在多个浏览器.多个机器的不同操作系统中自动运行.它的发展始于2001年1月. J3Un

纯JavaScript代码实现文本比较工具_javascript技巧

先上效果图: 代码如下所示: 把源码保存为html格式的文件就可以直接运行了 <!doctype html> <html> <head> <title>文本比较工具</title> <style type="text/css"> *{padding:px;margin:px;} html,body{ overflow-y: hidden; } .edit_div{ border: px solid #CCCCCC;

提供复制本站内容时出现,该文章转自脚本之家等字样的js代码[原创]_javascript技巧

复制代码 代码如下: document.body.oncopy = function ()  //当发生复制事件时触发函数,不管是ctrl+c还是右键-复制{      setTimeout(          function ()          {              var text = clipboardData.getData("text");              if (text)              {                  text =