分析
修改建议
:::: collapse-panel accordion
::: collapse-item 收藏夹
收藏夹修改为在浏览器主界面增加一个浏览器窗口，回车之后直接在原有收藏夹位置返回收藏夹的搜索结果，竖栏显示，网站标题只显示前20个字符即可。如此修改可提高浏览器使用效率。
:::
::: collapse-item 超链浮窗
在新浏览器模式下，鼠标指针放置于超链接3秒以上，自动展开新链接浮窗，右上角保留关闭浮窗功能与新窗口打开功能。支持多层嵌套。
:::
::: collapse-item 侧边导航
目前浏览器只有顶部导航，这个其实很难满足重度浏览器使用者的需求的。
可以考虑左右侧边导航栏，左右放置常用网址。仅显示图标即可。鼠标指针移至两边则显示，平时隐藏。
:::
::: collapse-item 书签加密
书签提供加密功能，防止隐私泄露。点击私密书签网址，默认启用无痕模式打开。
:::
::::
小书签
简介
Bookmarklet，中文名可以翻译成小书签，它的存在形式和书签一样，都被保存在浏览器的收藏夹中。但它不是一个 HTTP、FTP、File 开头的 URL，而是一段 javascript: 开头的 javascript 代码。1995 年 Javascript 的作者 Brendan Eich 特意设计 javascript: URLs 和普通URL一样用于收藏夹，时至今日小书签已经于浏览器中存在了 20多年。
分析
小书签利弊
:::: tabs
::: tab-pane 优势
强大的扩展体系，已经成为很多朋友评价一款浏览器好用程度的标准之一，不过如果安装了数量庞大的扩展，浏览器的启动速度会变得缓慢，运行时占用较多的系统资源。其实，很多操作无需动用额外的第三方扩展，使用「小书签」即可为网页浏览增加一些特定的功能。
「小书签」与常用的网址收藏类似，同样被放置在书签栏里，它是一段带有特定功能的 JavaScript 代码，当用户点击这个「小书签」就会实现这段 JavaScript 代码的功能。利用「小书签」你可以快速实现多种功能。
与浏览器扩展插件相比，「小书签」无需额外的安装过程，自定义添加代码或者拖放至收藏夹完成添加，用户可以按需调用，减少后台占用系统资源。更为重要的一点，「小书签」在手机端同样适用，这对于无法安装插件的手机浏览器来说就显得更加实用。
:::
::: tab-pane 劣势
在这些年中浏览器以及WEB 上的攻防对抗风云幻变，也使小书签上的安全风险渐渐大于它的业务实用性。从攻击的角度来看，日渐复杂的应用场景、多样化的攻击手段层出不穷，使小书签可以执行任意 javascript 代码的这个特性演变成一了种攻击手段。而在防御层面，CSP 的出现与普及，也似乎预示着小书签的历史使命走到了尽头。:black_circle:
:::
::::
实例
将本页面添加进收藏夹，然后根据需要的功能，复制对应的代码，点击修改，将本页网址替换为复制的代码，名称修改为功能名称，保存之后即可点击使用。
:::: collapse-panel accordion
::: collapse-item 网页关键词高亮
javascript:%20(%20function%20()%7B%20var%20count=0,%20text,%20dv;text=prompt%20(%20%22%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AB%98%E4%BA%AE%E5%85%B3%E9%94%AE%E8%AF%8D:%22,%20%22%22%20)%20;if%20(%20text==null%20%20%7C%7C%20%20text.length==0%20)%20return;dv=document.defaultView;function%20searchWithinNode%20(%20node,%20te,%20len%20)%7B%20var%20pos,%20skip,%20spannode,%20middlebit,%20endbit,%20middleclone;skip=0;if%20(%20%20node.nodeType==3%20%20)%7B%20pos=node.data.toUpperCase%20()%20.indexOf%20(%20te%20)%20;if%20(%20pos%3E=0%20)%7B%20spannode=document.createElement%20(%20%22SPAN%22%20)%20;spannode.style.backgroundColor=%22yellow%22;middlebit=node.splitText%20(%20pos%20)%20;endbit=middlebit.splitText%20(%20len%20)%20;middleclone=middlebit.cloneNode%20(%20true%20)%20;spannode.appendChild%20(%20middleclone%20)%20;middlebit.parentNode.replaceChild%20(%20spannode,middlebit%20)%20;++count;skip=1;%20%7D%7D%20else%20if%20(%20%20node.nodeType==1&&%20node.childNodes%20&&%20node.tagName.toUpperCase%20()%20!=%22SCRIPT%22%20&&%20node.tagName.toUpperCase!=%22STYLE%22%20)%7B%20for%20%20(%20var%20child=0;%20child%20%3C%20%20node.childNodes.length;%20++child%20)%7B%20child=child+searchWithinNode%20(%20node.childNodes%5Bchild%5D,%20te,%20len%20)%20;%20%7D%7D%20return%20skip;%20%7D%20window.status=%22Searching%20for%20'%22+text+%22'...%22;searchWithinNode%20(%20document.body,%20text.toUpperCase%20()%20,%20text.length%20)%20;window.status=%22Found%20%22+count+%22%20occurrence%22+%20(%20count==1?%22%22:%22s%22%20)%20+%22%20of%20'%22+text+%22'.%22;%20%7D)()%20;
点击弹出输入框，可输入关键词进行搜索，确定之后，搜索词高亮显示。
:::
::: collapse-item 收集图片到花瓣网
javascript:(function(a,b,c,d){a[c]?a[c].ui.show():(d=b.createElement('script'),d.id='huaban_script',d.setAttribute('charset','utf-8'),d.src='https://huaban.com/js/widgets.min.js?'+Math.floor(+new Date/1e7),b.body.appendChild(d))})(window,document,'HUABAN_GLOBAL');
点击之后出现弹窗，可将当前页面内容上传到花瓣。
:::
::: collapse-item 显示网页中已丢失的图片
javascript:(function(){var%20ims=document.images,%20brokenCount=0,%20brokenURLs=%22%22,%20text,%20i;%20for(i=0;i<ims.length;++i)%20if%20(!%20(ims[i].naturalHeight%20||%20ims[i].fileSize%20>%200))%20{%20++brokenCount;%20brokenURLs%20+=%20%22URL:%20%22%20+%20ims[i].src%20+%20%22\n%22;%20};%20text%20=%20brokenCount%20+%20%22%20broken%20image%22%20+%20(brokenCount==1?%22%22:%22s%22);%20if(brokenCount)%20alert(text%20+%20%22:\n\n%22%20+%20brokenURLs);%20else%20alert(%22No%20broken%20images.%22);%20})()
点击之后自动加载网页中因各种原因为能正确加载的图片。
:::
::: collapse-item 一键查看登录密码
javascript:var intput = document.getElementsByTagName('Input');for(var i=0;i<intput.length;i++) {if(intput[i].type.toUpperCase()=='PASSWORD'){intput[i].setAttribute("type","text");}}
登录页面，点击之后可查看已登录的账号密码。
:::
::: collapse-item 破解网页右键限制
javascript:alert(document.body.oncontextmenu=document.body.onmouseup=document.body.onmousemove=document.body.onclick=document.body.onselectstart =document.body.oncopy=document.onmousedown = document.onkeydown =null)
点击之后，可用于激活右键功能。
:::
::: collapse-item 网页转PDF
javascript:(function(){if(window['priFri']){window.print()}else{var%20pfurl='';pfstyle='nbk';pfBkVersion='1';if(window.location.href.match(/https/)){pfurl='https://pf-cdn.printfriendly.com/ssl/main.js'}else{pfurl='http://cdn.printfriendly.com/printfriendly.js'}_pnicer_script=document.createElement('SCRIPT');_pnicer_script.type='text/javascript';_pnicer_script.src=pfurl%20+%20'?x='+(Math.random());document.getElementsByTagName('head')[0].appendChild(_pnicer_script);}})();
点击即可使网页转PDF。
:::
::: collapse-item 显示网页所有链接
javascript:WN7z=open('','Z6','width=400,height=200,scrollbars,resizable,menubar');DL5e=document.links;with(WN7z.document){write('<base%20target=_blank>');for(lKi=0;lKi<DL5e.length;lKi++){write(DL5e[lKi].toString().link(DL5e[lKi])+'<br><br>')};void(close())}
点击即可显示当前网页所有链接。
:::
::: collapse-item 查看浏览器当前UA
javascript:var%20x=navigator.userAgent;%20var%20y='%';%20for%20(var%20i=0;i<x.length;i++)%7B%20y+=x.charCodeAt(i).toString(16)+'%';%20%7D%20y=unescape(decodeURI(y.replace(/\%$/,'')));%20alert(x+'\n'+y);%20void(0);
点击即可查看浏览器当前UA。
:::
::: collapse-item 屏幕尺子
javascript:void('http://centricle.com/tools/favelets/');marqueeColor=prompt('Marquee%20Color:','red');initMarquee=document.createElement('div');marquee=document.body.appendChild(initMarquee);marquee.style.position='absolute';marquee.style.border='dashed%201px%20red';initControls=document.createElement('div');controls=document.body.appendChild(initControls);controls.style.position='absolute';controls.style.top='-300px';controls.style.left='-300px';controls.style.width='85px';controls.style.background='%23eee';controls.style.padding='5px';controls.style.border='solid%201px%20%23ccc';controls.style.font='10px%20verdana,sans-serif';controls.style.width='85px';controls.style.zIndex='99';controls.innerHTML='%3Cb%3ECurrent:%3C/b%3E%3Cbr%3E%20x:%3Cspan%20id=%22currentX%22%3E0%3C/span%3E%20y:%3Cspan%20id=%22currentY%22%3E0%3C/span%3E%3Cbr%3E%3Cb%3EBegin:%3C/b%3E%3Cbr%3E%20x:%3Cspan%20id=%22beginX%22%3E0%3C/span%3E%20y:%3Cspan%20id=%22beginY%22%3E0%3C/span%3E%3Cbr%3E%3Cb%3EEnd:%3C/b%3E%3Cbr%3E%20x:%3Cspan%20id=%22endX%22%3E0%3C/span%3E%20y:%3Cspan%20id%20=%22endY%22%3E0%3C/span%3E%3Cbr%3E%3Cb%3EDimensions:%3C/b%3E%3Cbr%3E%20w:%3Cspan%20id=%22dimX%22%3E0%3C/span%3E%20h:%3Cspan%20id=%22dimY%22%3E0%3C/span%3E';document.onmousemove=follow;document.onmousedown=beginDrag;document.onmouseup=endDrag;currentX=document.getElementById('currentX');currentY=document.getElementById('currentY');beginX=document.getElementById('beginX');beginY=document.getElementById('beginY');endX=document.getElementById('endX');endY=document.getElementById('endY');dimX=document.getElementById('dimX');dimY=document.getElementById('dimY');var%20marqueeLeft=0;var%20marqueeTop=0;dragging=false;void(document.body.style.cursor='crosshair');function%20follow(e){x=e.pageX;y=e.pageY;controls.style.left=x+15+'px';controls.style.top=y+15+'px';currentX.innerHTML=x;currentY.innerHTML=y;if(dragging){marquee.style.width=x-dragstartX+'px';dimX.innerHTML=Math.abs(x-dragstartX);marquee.style.height=y-dragstartY+'px';dimY.innerHTML=Math.abs(y-dragstartY);}return%20true;};function%20beginDrag(e){marquee.style.width=0;marquee.style.height=0;marquee.style.borderColor=marqueeColor;dragging=true;x=e.pageX;y=e.pageY;marquee.style.visibility='visible';marquee.style.left=x+'px';marquee.style.top=y+'px';dragstartX=x;dragstartY=y;beginX.innerHTML=x;beginY.innerHTML=y;return%20true;}function%20endDrag(e){dragging=false;x=e.pageX;y=e.pageY;endX.innerHTML=x;endY.innerHTML=y;return%20true;}
点击之后鼠标可以选择查看屏幕像素，圈选尺寸。
:::
::: collapse-item 自动滚屏
javascript:var%20AS_interval_pointer;AS_speed=4;AS_speed_temp=4;AS_speed_pairs=%5B%5B0,0%5D,%5B1,200.0%5D,%5B1,120.0%5D,%5B1,72.0%5D,%5B1,43.2%5D,%5B1,25.9%5D,%5B2,31.0%5D,%5B4,37.2%5D,%5B8,44.8%5D,%5B8,26.4%5D,%5B16,32.0%5D%5D;AS_last_onkeypress=document.onkeypress;AS_stop=function()%7BclearTimeout(AS_interval_pointer)%7D;AS_start=function()%7BAS_abs_speed=Math.abs(AS_speed);AS_direction=AS_speed/AS_abs_speed;AS_speed_pair=AS_speed_pairs%5BAS_abs_speed%5D;AS_interval_pointer=setInterval('scrollBy(0,'+AS_direction*AS_speed_pair%5B0%5D+');%20if((pageYOffset%3C=1)%7C%7C(pageYOffset==document.height-innerHeight))%20AS_speed=0;',AS_speed_pair%5B1%5D);%7D;AS_adj=function(q)%7BAS_speed+=q;if(Math.abs(AS_speed)%3E=AS_speed_pairs.length)%7BAS_speed=(AS_speed_pairs.length-1)*(AS_speed/Math.abs(AS_speed));%7D%7D;AS_pause=function()%7Bif(AS_speed!=0)%7BAS_speed_temp=AS_speed;AS_speed=0;%7Delse%7BAS_speed=AS_speed_temp;%7D%7D;document.onkeypress=function(e)%7Bif(e.charCode==113)%7BAS_stop();document.onkeypress=AS_last_onkeypress;return;%7Delse%7Bswitch(e.charCode)%7Bcase%2057:AS_speed=4;break;case%2048:AS_speed=0;break;case%2061:AS_adj(1);break;case%2045:AS_adj(-1);break;case%2032:AS_pause();break;default:break;%7D;%7D;AS_stop();AS_start();%7D;AS_stop();AS_start();
点击之后屏幕可以缓慢向下滚动
:::
::: collapse-item 一键填写账号信息
javascript:void function(){var lauthor=["#author","input[name='comname']","#inpName","input[name='author']","#ds-dialog-name"],lmail=["#mail","#email","input[name='commail']","#inpEmail","input[name='email']","#ds-dialog-email"],lurl=["#url","input[name='comurl']","#inpHomePage","#ds-dialog-url","input[name='url']"];for(i=0;i<lauthor.length;i++){var author=document.querySelector(lauthor[i]);if(author!=null){author.value='叶九秋';break}}for(j=0;j<lmail.length;j++){var mail=document.querySelector(lmail[j]);if(mail!=null){mail.value='yejiuqiu@qq.com';break}}for(k=0;k<lurl.length;k++){var url=document.querySelector(lurl[k]);if(url!=null){url.value='http://yejiuqiu.cn/';break}}return!1}()
点击之后一键填写用户昵称、邮箱、域名，适合填写临时信息发言的博客型站点，使用之前先将昵称、邮箱、域名等信息修改为自己的。
:::
::::
工具
:::: tabs
::: tab-pane 浏览器
chrome：谷歌浏览器。
火狐浏览器：还行。
猎豹浏览器：还行。
欧朋浏览器：还行。
QQ 浏览器：还行。
夸克浏览器：还行。
百分浏览器：还行。
Floweb：超轻量浮动浏览器。
手机端
简单搜索：百度出品，还行。
UC 浏览器：一般。
:::
::: tab-pane 插件
Crx搜搜：浏览器扩展和应用商店。
极简插件：浏览器扩展和应用商店。
最新chrome插件：插件与教程。
扩展迷：Chrome 插件聚合下载网站。
:::
::: tab-pane 收藏夹
藏趣云：同步多个浏览器的书签到藏趣云平台，跨浏览器同步管理。
Pintree：把浏览器书签转成网站，使用说明、预览。
方片收集：内容收藏。
:::
::: tab-pane 标签页
Infinity新标签页：美化你的主页。
小舒同学：基于收藏夹的新标签页。
iTab 新标签页：免费无广告的组件式浏览器主页。
:::
::: tab-pane 工具箱
简悦：网页转为阅读模式。
简洁
x-comfort-browser：让页面变简介，屏蔽广告。
WebCatalog：Web 转成桌面应用的应用商店。
无头浏览器
Browserbase：提供了一个可靠、高性能的无服务器开发人员平台，用于大规模运行、管理和监控无头浏览器。
:::
::::
简言
语录
国内的所谓双核浏览器^浏览器内核，除了傲游3是直接基于 Webkit 开发的之外，其他浏览器都是基于 Google 的 Chromium 开源项目。而 Webkit 浏览器引擎是苹果公司的开源项目，苹果的 Safari 浏览器就是基于 Webkit 开发的。Chromium 和 Webkit 的区别是，Webkit 是爷爷辈；Chromium 是父亲辈，傲游 3 也是父亲这一辈的；而 Chrome 是嫡长孙，搜狗浏览器、QQ 浏览器、360 极速浏览器、百度浏览器和世界之窗浏览器极速版则都是孙子辈分的。
段子
一个干净的浏览器记录意味着可能使用者非常脏。
空白的历史记录比丰富的历史记录更能说明问题。
“我掀你裙子了！但是我没有坏意，我只想检查一下你有没有穿安全裤。”QQ 对 Chrome 小姐如是说道。
求知
拓展阅读
Web产品查看详细/更多内容模式整理分析·[DT设计思考·2024年05月16日]
:::: collapse-panel accordion
::: collapse-item 一键查看保存在浏览器的密码
javascript:var intput = document.getElementsByTagName('Input');for(var i=0;i<intput.length;i++) {if(intput[i].type.toUpperCase()=='PASSWORD'){intput[i].setAttribute("type","text");}}
将以上代码直接添加到浏览器书签，在需要查看密码的界面点击一下书签即可还原保存在浏览器中真实的密码。
:::
::: collapse-item 一键评论
javascript:void function(){var lauthor=[“#author”,”input[name=’comname’]”,”#inpName”,”input[name=’author’]”,”#ds-dialog-name”],lmail=[“#mail”,”#email”,”input[name=’commail’]”,”#inpEmail”,”input[name=’email’]”,”#ds-dialog-email”],lurl=[“#url”,”input[name=’comurl’]”,”#inpHomePage”,”#ds-dialog-url”,”input[name=’url’]”];for(i=0;i<lauthor.length;i++){var author=document.querySelector(lauthor[i]);if(author!=null){author.value=’叶九秋‘;break}}for(j=0;j<lmail.length;j++){var mail=document.querySelector(lmail[j]);if(mail!=null){mail.value=’yejiuqiu@qq.com‘;break}}for(k=0;k<lurl.length;k++){var url=document.querySelector(lurl[k]);if(url!=null){url.value=’http://yejiuqiu.cn/‘;break}}return!1}()
将默认的昵称、邮箱、网址替换为你自己的，Ctrl+D，收藏本页面。右键网址收藏编辑网址：网扎名称修改为一键添加信息；网址改为刚才编辑好的信息。只要打开支持自动提交信息的文章页面，点击修改后的网址收藏书签，便会自动将预先设置好的信息填写进去了。
支持平台：WordPress、Typecho、ZBlog、Emlog、多说、其他
如遇到不能自动填写的博客网站，可以右键“审查元素”根据各个博客网站评论留言框 input 元素的相关变化在上述代码相关地方进行增删修改！
:::
::::