首页 > web前端 > js教程 > 如何在同一页面上多次执行 Greasemonkey 脚本而不刷新,特别是对于 Amazon.com 搜索结果上动态生成的内容?

如何在同一页面上多次执行 Greasemonkey 脚本而不刷新,特别是对于 Amazon.com 搜索结果上动态生成的内容?

Barbara Streisand
发布: 2024-11-15 04:56:02
原创
392 人浏览过

How do I execute a Greasemonkey script multiple times on the same page without refreshing, specifically for dynamically generated content on Amazon.com search results?

在同一页面上多次执行 Greasemonkey 脚本

在此查询中,新手用户寻求有关在同一页面上多次运行 Greasemonkey 脚本的指导同一页面,无需刷新页面。他们希望通过 Ajax 动态显示时将自定义元素插入到 Amazon.com 搜索结果中。

解决方案:利用 waitForKeyElements() 实用程序

最有效的方法任务涉及利用 waitForKeyElements() 实用程序,该实用程序监视页面上可用的特定 HTML 元素。下面是一个完整的脚本,演示了如何使用 jQuery 和 waitForKeyElements() 实现此技术:

// ==UserScript==
// @name     _Amazon Search, alter results
// @include  http://www.amazon.com/s/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/

function addCustomSearchResult(jNode) {
    //***** YOUR CODE HERE *****
    jNode.prepend("<div>
登录后复制

在此脚本中:

  • #atfResults 元素受到监视,因为它包含Amazon 搜索结果。
  • addCustomSearchResult 函数将包含所需内容的自定义 div 插入到每个搜索结果中。
  • 脚本将加载到启用 Greasemonkey 的浏览器中并配置为在 Amazon.com 上运行

执行后,脚本会在搜索结果出现时将自定义内容注入到搜索结果中,满足在同一页面上多次运行同一脚本而无需刷新的要求。

以上是如何在同一页面上多次执行 Greasemonkey 脚本而不刷新,特别是对于 Amazon.com 搜索结果上动态生成的内容?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板