去除页面上的图片和视频

因为上班的时候看一些网站,那些图片或视频就会很碍眼,所以用油猴写了个shift+Q主动屏蔽图片和视频的快捷方式,具体实现代码如下: 


(function() {
    window.addEventListener('keydown', function(e) {
        if (e.shiftKey && e.keyCode == 81) {
            let list = document.getElementsByTagName("img");
            for(let i = 0; i < list.length; i++){
                list[i].style="display:none";
            }
            list = document.getElementsByTagName("iframe");
            for(let i = 0; i < list.length; i++){
                list[i].style="display:none";
            }
            list = document.getElementsByTagName("a");
            for(let i = 0; i < list.length; i++){
                list[i].style.backgroundImage="";
            }
            list = document.getElementsByTagName("div");
            for(let i = 0; i < list.length; i++){
                list[i].style.backgroundImage="";
            }
            list = document.getElementsByTagName("video");
            for(let i = 0; i < list.length; i++){
                list[i].remove();
            }
        }
    });
})();

另外还遇到一个问题,就是匹配全部网站。

现在tampermonkey都是推荐用@match,但是用  // @include *  直接就完整了。

你可能感兴趣的:(javascript,前端,html)