标签归档：浏览器

手机上最快的浏览器：Puffin浏览器

曾经是在某网站推荐支持Flash视频播放功能的iPhone手机浏览器（iPad, iPod）时，我知道了Puffin Browser这款浏览器。当时将免费版安装在手机上，试用了一下觉得不错。后来就直接购买了收费版Puffin，也就是为了去除免费版的广告。

我觉得Puffin这款浏览器给我最大的体验就是浏览速度超快。我原来一般用iPhone版Chrome，感觉速度不错。自用了Puffin后，就觉得Chrome要慢多了。Puffin浏览器为什么会快？

原理就是Puffin采用了强大的代理服务器来代替手机自身处理网页渲染。一个网页一般有很多请求，需要下载CSS, JS, HTML, 图片各种文件，传统的浏览器一次性处理的任务有限，并且受手机硬件性能和与网站服务器之间的网速影响。

而Puffin浏览器利用其强大的服务器快速处理网页：强大的硬件性能和高速的带宽，瞬间处理完毕后将处理好的网页一次性返回到手机端的Puffin浏览器上——手机只充当一个显示器，于是便有了闪电版的网页浏览速度，同时也一定程度上提高手机的电池续航时间。Puffin本来是是用来处理Flash视频，浏览网页时就更显得游刃有余。

这工作原理并不陌生。当年的Opera就是利用其强大的服务器压缩重构网页，加速手机端网页浏览速度，并大大降低手机流量，缺点是Opera的网页重构经常使网页失去原来的排版布局。

再后来，Amazon公司的Kindle Fire平板浏览器也利用了类似的技术：Silk浏览器。根据介绍，就是利用Amazon的云端服务器来处理网页浏览。可惜Amazon公司只将此浏览器技术封闭在自家产品上，并没有给iPhone和其它Android安卓系统，PC桌面电脑版本更无任何迹象。

对于中国大陆手机用户来说，Puffin还能用来实现翻墙的目的，不过也正因为如此，Puffin早就不能在中国大陆使用了。但是，国内手机用户完全可以在使用VPN时，利用Puffin进一步加速手机端的网页浏览速度。就像我没有翻墙目的，但却经常使用它来浏览一些非常慢的网站——尤其是在墙外浏览墙内网站时。

浏览器AdBlock Plus插件广告过滤技巧

61条回复

如果用Firefox或Chrome浏览器，一个必备扩展插件可能就是AdBlock Plus (ABP)（其实AdBlock Plus也支持Opera, IE, Safari等浏览器，包括最新的Microsoft Edge）。它的强大之处是可以拦截过滤常见的网络广告，使得浏览的网页更干净、更快捷，同时节省上网流量——尤其是采用无线上网按流量计费的情况下，ABP是直接阻止下载广告，而非下载后再过滤。

好好利用AdBlock Plus插件的关键技巧是选择合适的过滤列表。毕竟广告规则千变万化，只有得到较好维护的广告列表才能有效过滤网络广告。

以下是我的AdBlock Plus过滤列表：

EasyList China+EasyList 此列表可以过滤常见英文广告和中文网站广告；
EasyPrivacy 此列表的目的是保护隐私，防止Google Analytics等网站统计服务记录你的访问记录；
Fanboy’s Annoyance List 此过滤列表包括 Fanboy’s Social Blocking List 列表，目的是过滤社交分享按钮等以及Facebook点赞服务；
Malware Domains 过滤有病毒木马的网站，防止浏览器访问有问题的网站受到感染。

这些列表均可在安装完AdBlock Plus插件后，直接点击上面的列表链接订阅，或者到 https://adblockplus.org/en/subscriptions 选择相应过滤规则添加至插件。

有了以上这些过滤规则清单列表，可以使浏览器在浏览网页时没有广告，没有社交分享按钮，也没有隐私跟踪服务等，同时网页加载会获得最快的速度。

不利的一点，过滤掉基本网络广告会极大减少网站、博客广告收入。同时，过多的过滤列表会影响到浏览器的资源占用。因此，有必要按自己的需求添加过滤列表，并建议将广告行为适度的网站（例如Google AdSense没有浮动、弹出、低俗广告）添加到免过滤列表（Whitelist白名单），保留开启ABP插件自带非侵入式广告白名单：Allow some non-intrusive advertising，这都是支持优秀网站的行为，毕竟这些网站在无偿提供优质服务，完全无广告的互联网不可能持续健康发展。

热烈欢迎大家过滤土木坛子上的AdSense广告。我没有打算从忠实热心读者身上赚广告费，甚至不寄希望从包括中国在内的亚洲读者身上赚取广告费。

关于广告过滤，你还有什么好建议和技巧呢？欢迎留言分享。感谢。

一个鲜为人知却十分实用的Chrome浏览器使用技巧

44条回复

Google Chrome是一个非常强大的浏览器。它的地址栏又称OmniBox，将搜索和输入网址合二为一，看似简单，但功能强悍。今天分享一个很少人知道，但却十分强大的Chrome高效使用技巧：Chrome地址栏与JavaScript快捷结合。

下面，以设置使用Chrome地址栏快捷分享当前网页链接到微博的功能为例：

1 在Chrome地址栏中单击鼠标右键，选择最后一项：Edit search engines… （编辑搜索引擎）或者直接将此地址拖到地址栏：chrome://settings/searchEngines

chrome-tip

2 在弹出的设置窗口底部，出现三个编辑框，分别对应：”Add a new search engine”, “Keyword”, “URL with %s in place”. 在这三个框中，分别填入名称（例如：Weibo），快捷字母（例如：wei 可根据个人习惯填入，不与其它重复即可），和以下JS代码：

javascript:(function(){window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'&source=bookmark','_blank','width=450,height=400');})()

chrome-tip (1)

3 点击该窗口的 Done （完成），即完成设置。

下面是如何使用上面的设置。很简单，在你要分享的网页页面，使用鼠标或者键盘中的Ctrl+L快捷键定位到Chrome地址栏，输入刚才设置的字母组合：wei 再Enter回车键，即执行JS代码，浏览器弹出一个小窗口，自动抓取好要分享网页的标题和链接，点击分享即完成分享。

chrome-tip (2)

chrome-tip (3)

这个方法比把JS代码放到书签栏更方便一些，直接在Chrome地址栏里用快捷字母执行JS，更少地依赖鼠标操作，比较受追求效率的人喜欢。由于Chrome的强大同步功能，一次设置，实时同步到云端，以后在其它电脑上登录Chrome浏览器个人账户，无需再设置即可使用。

当然，这个方法本来是用来设置快捷字母调用不同的搜索引擎，比如，我在地址栏里输入 us 空格即调用Google美国搜索，输入 hk 再加空格，即调用香港Google搜索。

但Chrome的地址栏确实可以设置快捷字母组合调用JS代码，不需要任何插件扩展。至于不同功能的JS代码，我以前分享过不少有用的浏览器JS书签，比如实现快速填写WordPress评论框，各种网页社交分享功能，将网页发送到Kindle (Google “send to kindle javascript bookmarklet”)。

Chrome地址栏其实还有更多的技巧和玩法，这个网页甚至介绍了如何用Chrome地址栏OmniBox发送Gmail邮件，搜索Gmail邮件和Google Drive，快速添加Google Calendar（不过有的需要插件支持），无限潜能……

介绍到这里，不安装插件的Firefox只能望洋兴叹了。那可是我曾经最爱的浏览器，哀其不幸，怒其不争……

也欢迎你留言分享你的Chrome使用技巧，要简单，还要实用。

Update: 由 http://royaso.com 博主提供土木坛子亲自试验发现，在Firefox下也可以实现类似的功能，只要将JS代码保存成书签（收藏夹），然后右键修改该JS书签添加关键词（Keyword），以后就可以在地址栏里通过相关关键词调用JS代码，实现与本文中Chrome浏览器一样的功能。

用浏览器书签分享网页到社交网络

12条回复

JavaScript（JS）是一种脚本语言，功能强大。在浏览器中用JS脚本语言形成的书签（bookmarklet），可以完成很多意想不到的功能，比如用JS书签可以将值得分享的文章链接分享到各大社交网络中去。

大部分社交网络的分享功能都有相应的分享插件，甚至集成到智能手机浏览器中，但用JS书签的方法更简便，甚至可以实现本来没有的功能。iPhone, iPad中的Safari浏览器虽然内置分享到新浪微博、Twitter, Facebook的功能，但只能分享一个网址链接，并且没有集成Google+和腾讯微博，这时候，用JS书签就可以实现。

以下是几段社交分享JS代码，用鼠标左键按住相应名称拖拽到浏览器收藏栏（Safari, Chrome, Firefox, IE）即可，以后在需要分享相应网页的时候，点击相应书签，就可以方便地将网页分享给社交网络中的好友。

Google+

javascript:void(window.open('https://plus.google.com/share?ur\l='+encodeURIComponent(location), 'Share to Google+','width=600,height=460,menubar=no,location=no,status=no'));

Twitter

javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('https://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='https://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());

Facebook

javascript:var d=document,f='https://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1378393915&u='+e(l.href)+'&t='+e(d.title);1;try{if (!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)

新浪微博

javascript:(function(){window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'&source=bookmark','_blank','width=450,height=400');})()

腾讯微博

javascript:(function(){outText='';for(i=0;i<document.images.length;i++){if(outText.indexOf(document.images[i].src)==-1){if(i==0){outText+=document.images[i].src;}else{outText+='|'+document.images[i].src}}};window.open('http://v.t.qq.com/share/share.php?title='+encodeURIComponent (document.title)+'&url='+encodeURIComponent(location.href)+'&appkey='+encodeURI("8cfebbdbe60d4898887bbd17c22f9260")+'&pic='+encodeURI(outText),'_blank','width=608,height=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,location=yes,resizable=no,status=no');})()