如何获取页面变化的内容?

发布于 2024-09-27 09:10:53 字数 665 浏览 5 评论 0原文

我为最新的 Chrome 浏览器编写了一个用户脚本。脚本似乎无法获取页面加载后更改的内容(例如,页面加载后,我单击“sth”并弹出一个嵌入窗口)。

即使我使用了 window.setTimeout(),我仍然无法通过 document.getElementById() 获取计时器回调中更新的内容。我检查了页面,发现 DOM 中存在弹出元素。

这是用户脚本的限制吗?或者可以使用其他一些方法来获取用户脚本中的更新?

更新: 我按照建议尝试了 DOMSubtreemodified 事件。但行为仍然很奇怪。

我只在 my.safaribooksonline.com 的用户脚本中添加了一行 JavaScript,

document.addEventListener("DOMSubtreeModified", function () {
    alert(eval('typeof OpenSignInPopup')); });

但警告框显示“未定义”作为 OpenSignInPopup 的评估结果。但我可以同时在同一页面的脚本控制台中运行警报语句,并将结果显示为“函数”。

当用户脚本第一次运行时,这个函数并没有被加载。那么如何在用户脚本中使用它呢?

I wrote a user script for the latest Chrome browser. It seems the script can't get the changed content of the page after loaded (for example, after the page loaded, I clicked ¿sth? and an embedded window popped up).

Even if I used window.setTimeout(), I still can't the get updated content in the timer callback through document.getElementById(). I inspected the page and found that the popup element existed in the DOM.

Is this a limitation of user script? Or some other methods could be used to get the update in user script?

Update:
I tried DOMSubtreemodified event as suggested. But the behavior is still strange.

I added only one one line of JavaScript to the userscript for my.safaribooksonline.com,

document.addEventListener("DOMSubtreeModified", function () {
    alert(eval('typeof OpenSignInPopup')); });

But the alert box shows "undefined" as the evaluate result of OpenSignInPopup. But I can run the alert statement in the script console in the same page at the same time, and shows the result as "function".

This function was not loaded when the user script is running at first. So how can I use it in the user script?

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

煞人兵器 2024-10-04 09:10:53

您需要提供详细信息,例如相关代码片段和目标页面。

一般来说,您可以在 chrome 中触发 DOMSubtreeModified 事件。这应该可以让你访问更改后的 DOM。

另外,您确定新内容不在 iframe 中吗?

更新新的 OP 信息:

但警告框显示“未定义”作为 OpenSignInPopup 的评估结果。

在 Chrome 中,Greasemonkey 代码无法像这样与页面的 JS 函数交互。您需要将代码注入到页面中。有关详细信息,请参阅此答案

You need to provide details, like the relevant code snippet(s) and the pages targeted.

In general, you can fire off the DOMSubtreeModified event in chrome. That should get you access to the changed DOM.

Also, are you sure the new content is not in an iframe?

Update for new OP info:

But the alert box shows "undefined" as the evaluate result of OpenSignInPopup.

In Chrome, Greasemonkey code cannot interact with the page's JS functions like that. You'll need to inject your code into the page. See this SO answer for more information.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文