zoukankan      html  css  js  c++  java
  • 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. 进入月饼抢购活动页面。此时脚本已自动执行。

  • 相关阅读:
    XMPP serverejabberd-14.12本地搭建
    uva 699 The Falling Leaves(建二叉树同一时候求和)
    ORA-22828 输入样式或替换參数超过了32k限制大小
    Timus 1149. Sinus Dances 打印复杂公式
    POJ2226
    3149 爱改名的小融 2
    1169 传纸条 2008年NOIP全国联赛提高组 个人博客:attack.cf
    1019 集合论与图论
    1215 迷宫
    1020 孪生蜘蛛
  • 原文地址:https://www.cnblogs.com/h5monkey/p/5981947.html
Copyright © 2011-2022 走看看