Chrome扩展V3-发送HTTP请求并刮擦网站

发布于 2025-01-31 11:50:06 字数 845 浏览 4 评论 0原文

有了清单V2版本，一个可以使用一个简单的内容脚本，并使用get请求到另一个网站。时，将返回网页

xmlhttprequest设置xhr.responsetype ='document'

，然后可以轻松调用

this.Responsexml.getElementsByClassName（'some class name'）

scrape scrape之类的东西。返回的网页。

使用清单v3，我正在遇到以下CORS错误（在这里我只想向stackoverflow问题提出一个get请求，而用户必须为quora.com打开选项卡）：

访问在'https上获取的访问：//stackoverflow.com/questions/72333126/chrome-extension-extension-v3-sendens-http-requests-http-requests-and-scrape-a-website'from'https://www.quora.com/'策略：没有“访问控制”标题在请求的资源上。如果不透明的响应满足您的需求，请将请求模式设置为“无现体”，以通过禁用CORS来获取资源。

我需要获取响应文本，因此在错误消息中执行建议的执行不是一个选项。。

可能的解决方法是让背景脚本提出HTTP请求，但是背景脚本无法访问内容脚本的DOM功能。具体而言，据我所知，背景脚本无法刮擦数据。

一个更复杂的解决方案是在后台提出HTTP请求，然后将响应传递给内容脚本的响应。问题是，响应对象不是JSON，而是文本。而且我不知道将整个响应文本编码为JSON的好方法。

这是浏览器扩展程序的非常简单的功能。我敢肯定，有一种方法可以做这项工作。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

花心好男孩 2025-02-07 11:50:06

内容脚本与DOM

清单交互：

  "content_scripts": [
    {
      "js": ["scripts/content.js"],
      "matches": [
        "https://developer.chrome.com/docs/extensions/*",
        "https://developer.chrome.com/docs/webstore/*"
      ]
    }
  ]
}

的官方示例。

这是Google V3 Docs https://developer.chrome.com/docs/extensions/mv3/getstarted/tut-reading time/

Content Scripts Interact With The DOM

Manifest:

  "content_scripts": [
    {
      "js": ["scripts/content.js"],
      "matches": [
        "https://developer.chrome.com/docs/extensions/*",
        "https://developer.chrome.com/docs/webstore/*"
      ]
    }
  ]
}

Here is the Official Example From Google V3 Docs

https://developer.chrome.com/docs/extensions/mv3/getstarted/tut-reading-time/

回复收藏 0 原文

~没有更多了~