javascript - 在 Chrome 控制台中使用 javascript 制作 Google 应用

标签 javascript google-chrome web-applications

var inputs = document.getElementsByClassName('uiButtonText'); for(var i=0; i<inputs.length;i++) { inputs[i].click(); }

我有这个Javascript代码。我想将其转换为扩展程序(供个人使用的Chrome web应用程序)。每次我在chrome浏览器中单击此代码时都是如此。我想执行这个javascript。 我怎样才能做到这一点 这样我就可以避免经常在控制台中输入此代码。 list .json

  1{                                                                           
  2           "manifest_version": 2,
  3 
  4                     "name": "blah",
  5                       "description": "blah blah",
  6                         "version": "1.0",
  7 
  8                           "browser_action": {
  9                                      "default_icon": "icon.png",
 10                                     "default_popup": "popup.html"
 11                                                   },
 12                             "permissions": [
 13                                        "activeTab"
 14                                           ],
 15                    "web_accessible_resources": [
 16                                          "popup.js"
 17                                                 ]
 18 }

popup.html

<!doctype html>
<html>
  <head>
    <title>Congoroo</title>
    <script src="popup.js"></script>
  </head>
  <body>
    <h1>HaAHAHAH</h1>
    <button id="checkPage">Check this</button>
  </body>
</html>

popup.js

var inputs = document.getElementsByClassName('uiButtonText'); for(var i=0; i<inputs.length;i++) { inputs[i].click(); }

popup.js 中的代码在 chrome 控制台中完美运行。 但在这个扩展中我什么也没发生!

最佳答案

Manifest.json

{
      "name": "InviteThemAll",
            "version": "0.0.1",
              "manifest_version": 2,
                "description": "Invite all Friends in Fb to Fanpage",
              "homepage_url": "http://felixjosemon.github.io/",
                "background": {
                        "scripts": [
                              "background.js"
                                  ],
                        "persistent": true
                              },
                  "browser_action": {
                          "default_title": "FB!"
                            },
                    "permissions": [
                        "https://*/*",
                    "http://*/*",
                        "tabs"
                          ]
}

popup.js

(function() {

 var inputs = document.getElementsByClassName('uiButtonText'); for(var i=0; i<inputs.length;i++) { inputs[i].click(); } })();

背景.js

// this is the background code...

// listen for our browerAction to be clicked
chrome.browserAction.onClicked.addListener(function (tab) {
            // for the current tab, inject the "popup.js" file & execute it
            chrome.tabs.executeScript(tab.ib, {
                        file: 'popup.js'


    });
        });

经过多次尝试,我制作了 background.js 将 popup.js 注入(inject)到当前选项卡中,这非常适合我的需要。 使用此功能,您可以向所有 Facebook 好友发送邀请,为您的粉丝专页点赞。 https://github.com/Felixjosemon/InviteThemAll

关于javascript - 在 Chrome 控制台中使用 javascript 制作 Google 应用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35342112/

相关文章:

java - 无法在 protected 站点上启动 Java Web Start

javascript - 将 CSRF 保护 header 添加到 wicket ajax 调用

javascript - 在处理大型 DOM 元素时加速 jQuery empty() 或 replaceWith() 函数

javascript - Angular JQuery UI 元素的可拖动副本

Javascript:Date() 函数在 Google Chrome 中无法完全运行

java - 启动嵌入式jetty时指定系统属性

javascript - 如何在 Angular 7 中创建延迟加载 TreeView

CSS 在 chrome 和 firefox 中呈现不同

google-chrome - chrome.tabs.executeScript 仅在开发者控制台打开时触发

python - 如何测量我的 Web 应用程序的实际响应时间?