>웹 프론트엔드 >JS 튜토리얼 >특히 Amazon.com 검색 결과에서 동적으로 생성된 콘텐츠에 대해 새로 고치지 않고 동일한 페이지에서 Greasemonkey 스크립트를 여러 번 실행하려면 어떻게 해야 합니까?

특히 Amazon.com 검색 결과에서 동적으로 생성된 콘텐츠에 대해 새로 고치지 않고 동일한 페이지에서 Greasemonkey 스크립트를 여러 번 실행하려면 어떻게 해야 합니까?

Barbara Streisand
Barbara Streisand원래의
2024-11-15 04:56:02399검색

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() 유틸리티 활용

이를 위한 가장 효과적인 접근 방식 작업에는 페이지에서 사용할 수 있는 특정 HTML 요소를 모니터링하는 waitForKeyElements() 유틸리티 활용이 포함됩니다. 다음은 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 검색 페이지에서 실행되도록 구성됩니다.

실행 시 스크립트는 검색에 사용자 정의 콘텐츠를 삽입합니다. 결과가 나타날 때마다 새로 고침 없이 동일한 페이지에서 동일한 스크립트를 여러 번 실행해야 하는 요구 사항을 충족합니다.

위 내용은 특히 Amazon.com 검색 결과에서 동적으로 생성된 콘텐츠에 대해 새로 고치지 않고 동일한 페이지에서 Greasemonkey 스크립트를 여러 번 실행하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.