当我访问任何包含动画的页面gif
(Google+、9gag 等)时,所有这些似乎都开始加载。我的带宽有限,除非我真的想看,否则我不想下载这些。我见过一些插件突然停止动画片但图像本身下载无论如何。9gag.com 最初有这个功能,它只显示静态图像(如果它是动画 gif),并且只有在我点击它之后才开始下载(他们现在已经将其删除)。
那么,有没有什么插件可以阻止下载gif?或者,我需要写一个扩展吗?有什么建议吗?
答案1
我还没有合适的扩展/插件。我尝试使用以下用户脚本坦普尔猴子在 Chrome 中。效果很好。屏蔽网站 9gag.com 中的所有 gif(包括 ajax gif)。出于某种原因,google+ 中的 ajax gif 不会被屏蔽(正在调查)。非常感谢西奈特感谢他的帮助、努力和代码。这是用户脚本(大多数脚本都复制自Synetec 的用户脚本):
// ==UserScript==
// @name gifBlock
// @namespace http://i.have.no.homepage/
// @version 0.1
// @description Stops downloading gif images (including ajax gifs) in 9gag.com (or any page if you just fix the @match rule)
// @match http://*.9gag.com
// @copyright 2012+, Nobody
// ==/UserScript==
function tamperMonkeyWrap()
{
function log(m)
{
console.log(m);
}
function jQWrap($)
{
log("Extension execution begins...");
function blockGifs()
{
$('img').each(function() {
var $img = $(this),
src = $img.attr('src'),
w = $img.width(),
h = $img.height(),
cursor = $img.css('cursor'),
parts = src.split('.'),
ext = parts[parts.length-1];
if ($.trim(ext.toLowerCase()) != "gif")
return;
$img.attr('data-imgurl', src);
$img.data('cursor', cursor);
$img.css('cursor', 'pointer');
$img.addClass('gif-blocked');
h = h > 100? h : 100;
$img.attr('src', '//ipsumimage.appspot.com/'+w+'x'+h+'?l=Gif (Click)');
});
}
function interceptAjax () {
$('body').ajaxComplete(
function (event, requestData)
{
log("Blocking GIF [Ajax] ...");
blockGifs();
}
);
}
$(document).ready(function() {
log("Blocking GIF [Ready]....");
blockGifs();
interceptAjax();
$(document).on('click', 'img.gif-blocked', function(ev) {
var $img = $(this),
url = $img.attr('data-imgurl'),
cursor = $img.data('cursor');
$img.attr('src', url);
$img.css('cursor', cursor);
$img.removeClass('gif-blocked');
ev.preventDefault();
return false;
});
});
log("Document is not ready yet. trying block just in case it takes time to be _ready_ (google+).");
blockGifs();
}
if (window.jQuery == undefined)
{
log("Loading jQuery...");
var scriptTag = document.createElement('script');
scriptTag.src = "//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js";
scriptTag.onload = function(){
log("jQuery loaded.");
window.jQuery = jQuery;
jQWrap(jQuery);
};
document.getElementsByTagName('head')[0].appendChild(scriptTag);
}
else
{
log("jQuery already included in the page");
jQWrap(window.jQuery);
}
}
var scriptTag = document.createElement('script');
scriptTag.text = '(' + tamperMonkeyWrap.toString() + ')();';
document.getElementsByTagName('head')[0].appendChild(scriptTag);
现在:
- 安装 TamperMonkey
- 转至仪表板
- 点击“新脚本”
- 粘贴以上代码
- 保存并查看是否有效。(目前仅适用于 9gag.com。但您可以更改指令
@match
以匹配您想要的任何网站。使用@match http://*/*
适用于所有网站(http)。更改为https
适用于任何安全的 http 网站,例如 google+)
答案2
一些不错的 Firefox 插件:
adblock-智能拦截广告
flashblock - 所有 flash 将被阻止,直到你不点击它们
imgblock - 阻止所有位置的所有图像(单击即可暂时禁用)
ghostery - 阻止社交网站(它们每访问一页会占用超过几百kbyte的空间!)