主页 / 问题 / 776811
Accepted
Mr Lucky Tomas
Asked:2020-01-28 23:02:08 +0000 UTC2020-01-28 23:02:08 +0000 UTC

如何使用 chrome 扩展读取和更改打开页面的代码

  • 772

我正在制作我的 1 chrome 扩展程序，我向该站点发出了 xhr 请求，我能够从那里获取数据。但是现在我想从用户被授权的站点获取数据，xhr 在这里无济于事。我也想比较一下这个站点的数据和xhr收到的数据，直接在用户的页面上显示结果。这些数据是商品的价格，在一个站点上是 1，在另一个站点上是不同的，因此有必要找到一个有利可图的报价。

chrome-extension

1 个回答

  1. Best Answer

    只有内容脚本才能访问页面。一个内容脚本的最小工作示例，它打印从页面读取的 StackOverflow 用户名，然后将评级更改为 +100500（如果您没有登录，则没有调试。如果 SO 更改设计，也可能停止工作）。

    manifest.json 文件：

    {
  "manifest_version": 2,
  "name": "Sample content script",
  "version": "0.0.0",

  "content_scripts": [
    {
      "matches": [ "*://*.stackoverflow.com/*", "*://stackoverflow.com/*" ],
      "js": [ "js/so.js" ]
    }
  ]
}

    js/so.js 文件（js 文件夹应该在清单旁边）：

    alert(document.getElementsByClassName('my-profile')[0].childNodes[1].title);
document.getElementsByClassName('-rep')[0].innerText="+100500";

    内容脚本对清单中描述的页面具有完全访问权限。但通常他们无法访问任何第三方网站。该脚本在页面加载时加载，在页面退出时被删除。如果您想与其他站点交换信息，在页面访问之间保存信息等。除此之外，您还需要一个后台脚本，您可以通过chrome.runtime.sendMessage与它交换信息

    • 2

相关问题