javascript-Chrome扩展程序-在后台从网站的单独页面获取html

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Chrome扩展程序-在后台从网站的单独页面获取html，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1635字，纯文字阅读大概需要3分钟。

内容图文

我做了一个扩展,可以跟踪一个人在漫画网站上阅读的漫画,并在自己的“收藏夹”页面中列出他们最近读过的章节.而且我最近想出了一个有用的功能来使扩展更好一些.我想给用户一个选项,使其只能跟踪他们在网站上收藏的漫画.因此,当他们阅读时,扩展程序将不断在后台检查其是否在收藏夹中,如果是,则将其保存,否则请不保存.

该网站有一个“收藏夹”页面,其中包含一个人收藏的所有漫画的列表.我希望能够在用户隐藏的背景下不断获取该页面上列出的每个漫画的名称.

所以我的问题是,有没有办法在后台获取特定页面的html并不断获取特定数据(例如某些元素的文本)以保存到数组中,而无需用户真正位于收藏夹页面上？

编辑：
解

var barray = [];
function getbm(callback) {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(data) {
        if (xhr.readyState == 4) {
            if (xhr.status == 200) {
                var data = xhr.responseText;
                callback(data);
            } else {
                callback(null);
            }
        }
    }
    var url = 'http://mangafox.me/bookmark/index.php?status=all';
    xhr.open('GET', url, true);
    xhr.send();
};
function res(data) {
    var parsed  = $.parseHTML(data);
    parsed = $('<div />').append(parsed);
    parsed.find('h2.title').each(function(){
        var bmanga = $(this).children('a.title').text();
        barray.push({"manga": bmanga});
    });
    chrome.storage.local.set({'bData': barray})
};
getbm(res);

解决方法:

在很大程度上取决于所讨论页面的构造方式.

如果页面是静态的(HTTP响应包括您需要的数据),那么可以通过XMLHttpRequest刮取页面.

如果页面是动态的(最初没有数据,然后页面上的JavaScript然后查询服务器以填充它),那么XHR路由将不起作用.您可以尝试观察该页面发出的网络请求并复制它们.

值得注意的是：虽然不太可能,但请检查该网站是否具有公共API.这将节省您的逆向工程工作,并避免自动数据抓取的灰色区域.

另外,请查看您是否可以从通常跟踪的页面上检查该商品是否被收藏.这比刮刮另一页要容易.

内容总结

以上是互联网集市为您收集整理的javascript-Chrome扩展程序-在后台从网站的单独页面获取html全部内容，希望文章能够帮你解决javascript-Chrome扩展程序-在后台从网站的单独页面获取html所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端