chrome擴展程序開發之在目標頁面運行自己的JS


如何在頁面中嵌入自己寫的Javascript腳本呢?下面分別介紹一下在Chrome和Firefox兩種瀏覽器上的操作步驟:

Chrome:

1. 打開chrome擴展程序頁 – chrome://extensions

2. 將剛才的自定義腳本保存為以user.js為后綴的 .js文件,例如test.user.js,拖入擴展程序頁。

3. 重啟瀏覽器。

4. 進入月餅搶購活動頁面。此時腳本已自動執行。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <title>搶月餅</title>
    </head>
    <body>
          <h1>自動嵌入腳本</h1>
         <input type="button"  value="自動點擊搶" id="btn"/>
    </body>
     <script type="text/javascript">
            $(function(){
                   $("#btn").click(function(){
                         console.log("搶購成功")
                   })
            })
     </script>

</html>
         var btn = document.getElementById("btn");
         btn.value = "搶購成功";

         btn.onclick = function() {
             var today = new Date();
             console.log(btn.value + "點擊時間是: " + today.toString());
         };

         function myInterval() {
             btn.click();
         }
         setInterval("myInterval()", 1000); //1000為1秒鍾執行一次

 

 

FireFox:

1. 下載並安裝用戶腳本管理插件 greasemonkey (中文翻譯成“油猴子”)。

2. 重啟瀏覽器。

3. 將剛才的自定義腳本保存為 .js文件,例如test.user.js,拖入頁面空白處。

4. 進入月餅搶購活動頁面。此時腳本已自動執行。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM