Question

我想运行此代码而无需点击chrome.browserAction.onClicked.addListener。我该怎么做？

这是代码：

var ToggleJSApplication = {

  triggerWin: null,
  urlPattern: 'http://*',

  init: function() {
    var self = this;
    self.updateIcon(function() {
      chrome.browserAction.onClicked.addListener(self.toggleState.bind(self));
      chrome.windows.onFocusChanged.addListener(self.onWinFocusChanged.bind(self));
    });
  },

  getState: function(incognito, callback) {
    var self = this,
        data = {
          'primaryUrl': self.urlPattern,
          'incognito': incognito || false
        };

    chrome.contentSettings.javascript.get(data, function(state) {
      state.enabled = (state.setting === 'allow');
      if (typeof callback === 'function') callback(state);
    });
  },

  setState: function(incognito, enabled, callback) {
    var self = this,
        data = {
          'primaryPattern': '<all_urls>',
          'setting': (enabled) ? 'allow' : 'block',
          'scope': (incognito === true) ? 'incognito_session_only' : 'regular'
        };

    chrome.contentSettings.javascript.set(data, function() {
      self.updateIcon();
      if (typeof callback === 'function') callback();
    });
  },

  toggleState: function() {
    var self = this;
    chrome.windows.getCurrent(function(win) {
      self.triggerWin = win;
      self.getState(win.incognito, function(state) {
        self.setState(win.incognito, !state.enabled, function() {
          self.reloadCurrentTab();
        });
      });
    });
  },

  onWinFocusChanged: function() {
    var self = this;
    chrome.windows.getCurrent(function(win) {
      self.triggerWin = win;
      self.updateIcon();
    });
  },

  reloadCurrentTab: function() {
    chrome.tabs.query({currentWindow: true, active: true}, function(tabs) {
      var tab = tabs[0];
      chrome.tabs.duplicate(tab.id);
      chrome.tabs.remove(tab.id);
    });
  },

  updateIcon: function(callback) {
    var self = this,
        incognito = (self.triggerWin && self.triggerWin.incognito) || false;

    self.getState(incognito, function(state) {
      if (state.enabled) {
        chrome.browserAction.setIcon({path: 'icons/38-on.png'});
        chrome.browserAction.setTitle({title: 'JavaScript is enabled'});
      }
      else {
        chrome.browserAction.setIcon({path: 'icons/38-off.png'});
        chrome.browserAction.setTitle({title: 'JavaScript is disabled'});
      }

      if (typeof callback === 'function') callback();
    });
  }

};

ToggleJSApplication.init();

我已经尝试过使用上下文菜单但是我失败了。有没有解决方法？

Answer 1

您提到要在现有网页中使用按钮单击来触发您的脚本。要与网页进行互动，您需要使用content script，该message passing必须通过Mac terminal preferences window screenshot与后台脚本进行互动。内容脚本可以简单如下：

document.getElementById('buttonId').addEventListener('click',sendMessage);
// or $('#buttonId').click(sendMessage);

function sendMessage() {
    chrome.runtime.sendMessage({'message':'buttonClicked'});
}

然后在后台脚本中添加：

chrome.runtime.onMessage.addListener(messageListener);

function messageListener(request) {
    if ( request.message === 'buttonClicked' ) {
        ToggleJSApplication.toggleState();
    }
}

如何在不点击扩展程序按钮的情况下运行此代码？

1 个答案: