chrome扩展content.js使动态网站崩溃[重复]

     2023-05-07     248

关键词:

【中文标题】chrome扩展content.js使动态网站崩溃[重复]【英文标题】:chrome extension content.js crashes dynamic websites [duplicate] 【发布时间】:2021-01-28 05:56:52 【问题描述】:

我尝试通过自定义 chrome 扩展插入覆盖,但是,当简单地将 HTML 添加到文档正文时,动态网站将崩溃,按钮将不起作用 + 连接将不起作用。

有没有其他方法可以在不使应用程序崩溃的情况下解决这个问题?

content.js

document.body.innerHTML += `<div>innerHTML</div>`

【问题讨论】:

【参考方案1】:

我建议先构造元素,然后将其附加到文档正文中。

这是一个示例,其中我有一个 HTML 文件,我使用内容脚本获取该文件并将其添加到页面中。

manifest.json:

"web_accessible_resources": [
    "content/views/overlay.html"
]

content.js:

const htmlBackdropLink = chrome.extension.getURL('content/views/overlay.html');
// Get overlay HTML
const overlayRes = await fetch(htmlBackdropLink);
const overlayHtml = await backdropRes.text();

// Create div and set HTML
const wrapperDiv = document.createElement('div');
wrapperDiv.innerHTML = overlayHtml;

document.body.appendChild(wrapperDiv)

【讨论】:

是的,添加成功了!

创建chrome扩展程序,以突出显示网站上特定的预定义字词。(代码片段)

...词。ManifestFile"manifest_version":2,"name":"mytry2","version":"0.001","content_scripts":["matches":["<all_urls>"],"js":["content.js"]],"browser_action":"default_icon":"icon96.png"**ContentFile**console.log("chromeextensionrunning");varp="cart"varmatch=document.body.textContent.match(p);matc... 查看详情

如何知道当前环境是chrome扩展中的content.js或background.js(代码片段)

...那样if(chrome.tabs)//inbackgroundenvironmentbecausetabsmodulecannn'tuseincontent.jselse//incontentenvironment但这没有用,任何建议,我都会很感激答案我想有很多方法可以 查看详情

chrome扩展程序:javascript未加载

我有以下代码用于chrome扩展,contentcript.py根据stackoverflow上的另一个问题:manifest.js{"name":"testscript","version":"0.1","content_scripts":[{"js":["contentscript.js"],"matches":["http://*/*"]}],"manifest_version":2,"we 查看详情

如何在制作chrome扩展时导入文件(代码片段)

...('axios')答案你尝试过这种方法吗?在清单文件中,您将在content_scripts中添加该文件:"content_scripts":["js":["file.js","content.js"]],然后尝试创建此方法,以读取您要使用的脚本/库:chrome.tabs.executeScript(tab.id,code:"document.body.appendChild(documen... 查看详情

JQuery '噢,快!在 Chrome 中但不会使任何其他浏览器崩溃

】JQuery\\\'噢,快!在Chrome中但不会使任何其他浏览器崩溃【英文标题】:JQuery\'AwSnap!\'inChromebutnotcrashinganyotherbrowserJQuery\'噢,快!在Chrome中但不会使任何其他浏览器崩溃【发布时间】:2011-11-1716:45:45【问题描述】:我在管理管理... 查看详情

递增动态原型使 XCode 4.5.1 崩溃

】递增动态原型使XCode4.5.1崩溃【英文标题】:IncrementingDynamicPrototypescrashesXCode4.5.1【发布时间】:2012-10-2517:47:39【问题描述】:我在UIStoryboard中创建一个场景,其中UIViewController的UITableView高44点。我的计划是拥有4或5个动态原型单... 查看详情

Chrome 扩展:加载不同的内容脚本

...载不同的内容脚本【英文标题】:Chromeextension:loaddifferentcontentscripts【发布时间】:2011-11-2516:14:01【问题描述】:我想根据当前选择的页面和选项卡加载不同的内容脚本。现在,我有三个内容脚本。我想将其中两个用于一页,第... 查看详情

chrome扩展程序获取当前页面url和html内容

先交代一下manifest.json中的配置//引入注入脚本"content_scripts":[{"js":["content_script.js"],//在什么情况下使用该脚本"matches":["http://*/*","https://*/*"],//什么情况下运行【文档加载开始】"run_at":"document_start"}],{"permissions":["tabs"]}1. 查看详情

Django:安全中间件使网站崩溃

】Django:安全中间件使网站崩溃【英文标题】:Django:securitymiddlewareiscrashingthesite【发布时间】:2012-12-2704:30:32【问题描述】:在生产中,我一直在尝试添加djangosecure.middleware.SecurityMiddleware(来自http://pypi.python.org/pypi/django-secure)to... 查看详情

Chrome 扩展程序在调用 launchWebAuthFlow API 时使 Microsoft Edge 浏览器崩溃

】Chrome扩展程序在调用launchWebAuthFlowAPI时使MicrosoftEdge浏览器崩溃【英文标题】:ChromeExtensioncrashestheMicrosoftEdgebrowserwhilecallinglaunchWebAuthFlowAPI【发布时间】:2022-01-0806:09:33【问题描述】:我们有一个在Chromiumedge和Chrome浏览器上运行... 查看详情

打印网站使大多数打印机崩溃

】打印网站使大多数打印机崩溃【英文标题】:Printingwebsitecrashesmostprinters【发布时间】:2014-07-1501:02:13【问题描述】:嗯,这是我有过的最奇怪的行为之一。尝试打印我们新创建的网页的站点时,许多打印机会以多种不同的方... 查看详情

Paypal IPN 侦听器正在使我们的网站崩溃

】PaypalIPN侦听器正在使我们的网站崩溃【英文标题】:PaypalIPNlisteneriscrashingoursite【发布时间】:2013-05-1505:38:24【问题描述】:我正在尝试设置Paypal,以便当客户购买我们网站的订阅时,他们的帐户会获得批准。不幸的是,在测... 查看详情

如何使多个崩溃的动态状态(代码片段)

我需要从数组数据制作Collapse菜单,现在我点击任何菜单,但展开所有子菜单我认为我的问题是我可以,为主菜单设置唯一的状态“打开”我不希望被分配“状态”以支持将来可能有3或4的其他数据我使用的是React.js,material-ui请... 查看详情

Chromecast 扩展控制器、曲目选择器对话框在 11.0.2 更新后使应用程序崩溃

】Chromecast扩展控制器、曲目选择器对话框在11.0.2更新后使应用程序崩溃【英文标题】:ChromecastExpandedController,TracksChooserdialogcrashestheappafter11.0.2update【发布时间】:2017-12-2322:25:39【问题描述】:当用户想要更改音频轨道时,chromeca... 查看详情

chrome 在后台运行时动态站点更新的 Chrome 桌面通知

】chrome在后台运行时动态站点更新的Chrome桌面通知【英文标题】:Chromedesktopnotificationfordynamicsiteupdatewhenchromerunsinbackground【发布时间】:2013-05-0216:38:38【问题描述】:我已经为社区网站创建了一个书签扩展,用于托管帖子,我需... 查看详情

SNMP 扩展使我的 php 5.6.7 和 5.6.10 (windows 8) 崩溃

】SNMP扩展使我的php5.6.7和5.6.10(windows8)崩溃【英文标题】:SNMPextensioncrashesmyphp5.6.7and5.6.10(windows8)【发布时间】:2015-06-3017:55:36【问题描述】:我在启用php_snmp.dll的情况下使用php5.4很好,但是一旦我升级到php5.6.7,我就不能再使用ph... 查看详情

为啥简单的网站会在移动设备上崩溃(至少是 iOS Safari 和 Chrome)?

】为啥简单的网站会在移动设备上崩溃(至少是iOSSafari和Chrome)?【英文标题】:Whydoessimplewebsitecrashonmobile(iOSSafariandChrome,atleast)?为什么简单的网站会在移动设备上崩溃(至少是iOSSafari和Chrome)?【发布时间】:2014-01-1906:36:02【... 查看详情

为啥必须动态分配扩展数组才能使此函数正常工作 C++

】为啥必须动态分配扩展数组才能使此函数正常工作C++【英文标题】:WhymusttheexpandedarraybedynamicallyallocatedforthisfunctiontoworkproperlyC++为什么必须动态分配扩展数组才能使此函数正常工作C++【发布时间】:2020-03-3020:59:22【问题描述】... 查看详情