javascript扩展插件alook_「Alook插件」你想实现的功能这里全都有

0b3d109223b033199c9e038f94453d3d.png

导读

上期我们介绍了『三无』浏览器——Alook。

我们深度体验了几款移动端的浏览器后，发现了这个堪比桌面级浏览器的软件。或许它不是一个极为优秀的搜索工具，但它却是目前最优秀的移动端浏览器。

7ebb0ac5d3f26966d0b249631326a2d2.png

得益于其『JavaScript扩展』功能，Alook具有极为强大的扩展性。上期我们带来了智慧树网课的相关扩展，本期将带来其他常用的JS脚本与第三方网站。

2f130f5786cf821973f005014b2f11c8.png
《Alook》在 App Store 得 4.8 分。大小仅为为 25.4 MB，目前售价五折六元，无内购。

本系列文章

「软件清单」Alook：移动端的桌面级三无浏览器​mp.weixin.qq.com
851f58ffb758399656f815a27aa41dca.png

第三方插件

目前Alook支持了部分via的插件，可以参考以下网址：

via轻插件​via-app.cn

下图为via官网界面，可自行浏览搜索插件，在Alook浏览器中点击『安装』(图三)即可自动安装到Alook浏览器中(图4)，无需自行配置。

6af67c3cbaf62674e3cebde06707e51a.png

下为via部分插件功能。

▌百度文库下载

4b1d74f3dc2d1f84bbc5d4f7c3300639.png

▌纯净苍穹

5122a32930063b70179970be2afe815b.png

▌百度云提取码

2aa5d5b516aeb419432e639163c4f871.png

IamZLT扩展

以下功能可以根据我的教程，自己手动添加。也可以访问下面链接，下载扩展自动配置。

Alook插件 | 百度广告屏蔽、B站视频下载、智慧树网课…… - IamZLT​www.iamzlt.com
531ff60816096c8c520372a6d427f829.png

如下图，在Alook浏览器中访问上述链接，点击卡片将会下载扩展文件。下载后在『文件管理』中点击扩展文件并将其储存即可。

e4e014429ea1dbe67f4e6a7fcaa743da.png

BiliBili视频

本脚本只提供快捷下载，不提供B站视频的解析。其解析由下面网址提供

https://xbeibeix.com/api/bilibili/

我们进入『设置』中的『自定义设置』，选择『JavaScript扩展』添加『被动扩展』。

6f2f5ea226d35907d18104650c426de3.png

我们选择『链接网址』的匹配类型，将B站与第三方解析网站域名(本代码使用贝贝api解析)添加到匹配值，注意用@@进行分割。

2601739e84aad67d23cbf75c63606d4d.png

添加如下代码并将扩展存储。

/*
    author：IamZLT 
    version：V1.0
*/
(function() {
    'use strict';
    // Your code here...
    var url = window.location.href
    if(url.indexOf("bilibili.com") != -1){
        function parseDom(arg) {
            console.log(arg);
            let objE = document.createElement("div");
            objE.innerHTML = arg;
            return objE.childNodes[0];
        };
        let cssStyle = document.createElement("style");
        cssStyle.setAttribute('data-owner','bilibili-downloader');
        cssStyle.innerHTML = `#bilibili-download{position:fixed;left:10px;bottom:200px;width:40px;height:40px;background:#99CCFF;border-radius:50%;border:1px white solid;cursor:pointer;z-index:1000;color:white;text-align:center;line-height:40px;box-shadow:0 0 8px #e5e9ef;transition:all 0.5s ease}
    #bilibili-download:hover{transform:scale(1.1)}`
        let innerHTML = `<div id="bilibili-download">下载</div>`;
        let container = parseDom(innerHTML);
        document.body.appendChild(cssStyle);
        document.body.appendChild(container);
        container.onclick = function(){
            var patt1=new RegExp("(BV|av)[a-zA-Z0-9]*");
            var bvid=patt1.exec(window.location.href);
            var new_window=window.open("_blank");
            new_window.location="https://xbeibeix.com/api/bilibili/?monkey="+bvid[0]
        }
    }else if(url.indexOf("xbeibeix") != -1){
        //跳转时携带参数，在加载前完成，无法获取可直接解析
        //var input_bv = document.getElementsByName('bilibiliurl11082').value;
        //console.log(input_bv)
        //模拟点击“视频解析”
        alert("点击确定后，稍等将会跳转到下载界面")
        if(!document.getElementById("download")){
            document.getElementById('button-1').click();
        }
        var detect = setInterval(()=>{ finish() }, 3000)
        function finish(){
            if(document.getElementById("mp4-url2")){
                window.location= document.getElementById("mp4-url2").value;
                clearInterval(detect);
            }
        }
    }
})();

再次在Alook中访问B站视频可以看到在页面左侧有『下载』按钮。

4e8794ecfd27760f921a98c09cc5e02f.png
iPad预览效果 | 其他设备同在页面左侧

值得注意的是，需要在页面加载完成后点击。否则会获取不到bv值导致跳转失败。点击下载后，具体流程如下动图所示。

ff7b13219bb4f87d3cbfc214833494a9.png

首先会跳转到第三方解析网站，点击弹窗确定后，稍等片刻将会跳转到源视频地址。此时安卓端的Alook浏览器会自动弹出下载提示(有些视频无法自动弹出下载提示，可在『文件管理』的右下角复制跳转后的链接进行下载）。

3b2da88a6ff6a682ab84041180c35e08.png

对于IOS设备来说，由于版权原因苹果禁止了Alook对视/音频的下载。可以在跳转的链接下点击『共享』使用快捷指令『H5视频下载』功能。

659ee4cd138f0a1e37cb1b4856935e36.png

『H5视频下载』该快捷指令可以在以下获取。

e8ccd8d8f344e8582652a4260aa7855e.png

但相比该方法，IOS设备直接使用快捷指令进行B站视频的下载会更加方便快捷。、

百度搜索去广告

上期我们通过在设置-通用设置-浏览器标识设置里自定义浏览器的UA标识。如下图我们通过设置简单搜索UA，可以达到去除百度搜索广告的效果。

Mozilla/5.0 (Linux; Android 8.0; MI 6 Build/OPR1.170623.027; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/48.0.2564.116 Mobile Safari/537.36 T7/10.3 SearchCraft/2.6.3 (Baidu; P1 8.0.0)

本期将从JS插件角度来去除百度搜索的广告。如下图，我们添加被动扩展，注意域名匹配值为百度网址。

980c02f4031fd3daf1e62eab845e35a3.png

添加如下代码，并将扩展储存。

/*
    author：IamZLT 
    version：V1.0
 */
(function () {
    var key = encodeURIComponent('IamZLT:removead');

    if (window[key]) {return;};
    window[key] = true;
    class removeDom {
        constructor(classList = []) {
            this.adClassList = classList;
        };

        remove() {
            this.adClassList.forEach((c) => {
                $(`${c}`).length > 0 && $(`${c}`).remove();
            });
        };
    };

    let adClassList = ['.ec_wise_ad', '.ec_wise_pp', '.na-like-container'];
    let s = 30; 
    let f = 3; 
    let ad = new removeDom(adClassList);

    window.onload = function () {
        ad.remove();
    };
    let timer = setInterval(() => ad.remove(), f * 1000);
    setTimeout(() => clearInterval(timer), s * 1000);
})();

插件效果如下，可以看到其效果明显。

ea2c34a1d2cb78226c3334f88060486d.png

智慧树刷课

上次我们提到该扩展。现详细说明以下，我们将其设置为『主动扩展』，添加如下代码。

// JavaScript Documentvar 
chapters_length = document.querySelectorAll("ul.list").length;
var video_length = document.querySelectorAll("li.video").length;
console.log("共检测到" + chapters_length + "章" + video_length + "小节!");
document.getElementsByClassName("volumeIcon")[0].click(); //设置静音
console.log("静音设置成功!");
document.getElementsByClassName("speedTab speedTab15")[0].click(); //设置1.5倍速
console.log("1.5倍播放");
//每两秒检测进度是否100%
setInterval(() => {
    var progress = window.getComputedStyle(document.getElementsByClassName("passTime")[0], null).width; //进度数据
    if (progress == "100%") {
        //下一节
        document.getElementById("nextBtn").click();
        console.log("自动播放下一节");
        setTimeout(() => {
            //检测00:00:00状态 处理章节间跳动
            if (document.querySelector("span.duration").innerHTML == "00:00:00") {
                var finished_length = document.querySelectorAll("b.time_icofinish").length;
                document.querySelectorAll("li.video")[finished_length].click();
                console.log("进入下一章节!");
            }
        }, 2000);
    }
}, 2000);
//每秒检测弹窗
setInterval(() => {
    //防静音意外失效
    if (!document.getElementsByClassName("volumeBox volumeNone")[0])
    {
        document.getElementsByClassName("volumeIcon")[0].click();
        document.getElementsByClassName("speedTab speedTab15")[0].click(); //设置1.5倍速
    }
    if (document.getElementsByClassName("dialog-test")[0]) {
        console.log("检测到弹窗!");
        var random_number = randomNum(0, document.querySelectorAll("li.topic-item").length - 1);
        document.getElementsByClassName("topic-item")[random_number].click(); //随机选一个防作弊
        console.log("已选择第" + (random_number + 1) + "个选项");
        document.getElementsByClassName("el-dialog__wrapper dialog-test")[0].getElementsByClassName("el-dialog__footer")[0].getElementsByClassName("btn")[0].click(); //关闭弹窗
        console.log("弹窗关闭!");
        document.getElementById("playButton").click(); //播放
    }
}, 1000);
function randomNum(minNum, maxNum) {
    switch (arguments.length) {
        case 1:
            return parseInt(Math.random() * minNum + 1, 10);
            break;
        case 2:
            return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
            break;
        default:
            return 0;
            break;
    }
}
setInterval(() => {
    //检测播放状态，暂停-》播放
    if (document.getElementsByClassName('playButton')[0]) {
        document.getElementById('playButton').click();
        console.log('重新播放成功！')
    };
    if (document.getElementsByClassName('definiBox')[0].firstElementChild.innerHTML == "高清") {
        document.getElementsByClassName('line1bq')[0].click();
    };
}, 2000);

进入网课页面，点击地址栏旁的绿盾，可手动执行『主动扩展』，选择需要执行的名称即可。

9f1cbc7e9c9e32916893885919547a04.png

在该案例中，我们实现的是对视频自动静音、1.5倍速播放、续播、自动对答题弹窗进行答题且答题后自动播放等功能。效果如下：

e19da5f8b2b8bd2afc9d53338bf5bee7.png

更多脚本请访问主页。

版权声明：本文为weixin_39592026原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。