基本从零开始的网页脚本编写学习

终极目标是完成一个能过自动刷积分的工程，嘿嘿嘿（痴汉脸）。说不定以后能自己写脚本来抢月饼呢（划去）。

说是“几乎从零开始”是因为我还知道javascript的拼写呀！（不，是熟练掌握

 

完成一个小目标——移除广告。

 

找了一份Greasy Fork上移除广告的脚本来学习

首先是Tampermonkey中的元数据块@param  设置

@match  设置脚本将执行的页面地址

@require      http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js     

导入jQuery包 但是我发现好像不用导入也能使用jQuery的语法         在“外部”选项中自动好像引入了

 

 

var currentURL = window.location.href;   // 获取当前网址

var blog = /article/; 

‘/’  作为正则表达式的定界符,在两个'/'之间的为正则表达式

if(blog.test(currentURL)){

//在@match匹配后,URL中有‘article’则进入此逻辑

}

 

test() 方法用于检测一个字符串是否匹配某个模式.

返回一个 Boolean 值，它指出在被查找的字符串中是否匹配给出的正则表达式。 
regexp.test(str)

参数

regexp 必选项。包含正则表达式模式或可用标志的正则表达式对象。 
str    必选项。要在其上测试查找的字符串。 

引用自   https://www.cnblogs.com/leezhxing/p/3375499.html

 

jQuery 通过 id 选取元素语法如下：

$("#test")

jQuery 通过 class 选取元素语法如下：

$(".test")

在chrome中F12开发人员工具左上角鼠标箭头那个小按钮可以帮助确定广告所在box的class 把它hide就行啦。

$('.pulllog-box').hide();

(function() {
    'use strict';

    var currentURL = window.location.href;
    var blog = /article/
    $(document).ready( function(){
        if(blog.test(currentURL)){
            $('.pulllog-box').hide();//底部ad
            $('.recommend-ad-box').hide();//评论栏下方ad
        if($('#btn-readmore')){

            $('#btn-readmore').click();
        }
    }
    });
})();

然后还加了个打开网页就自动点击"阅读更多"那个按钮.还有些奇奇怪怪的广告在iframe里面感觉做过处理!明天再看怎么解决这些问题......

其实直接在F12开发人员工具里console键入

document.getElementsByClassName('ClassName')[n].remove();//广告栏的ClassName名或者id名

document.getElementById('id').remove();

就可以直接去除广告,油猴脚本无非是将这些语句匹配网址和保存在Browser上罢了