Chrome扩展程序

Question

我是新手，并尝试进行chrome扩展，以便在弹出窗口中向我显示网站中具有特定类名称的所有元素的ID。 我想知道我的实施是否是解决此问题的最佳选择。 感谢您的帮助，对不起我的英语不好。

的manifest.json

{
  "name": "Test",
  "version": "1.0",
  "manifest_version" : 2,
  "description": "", 

  "browser_action": {
    "default_icon": "images/icon.png",
    "default_popup": "popup.html"
  },  
  "permissions": [ "tabs","http://*/*" ]  
}

popup.html

<!doctype html>
<html>
  <head>
    <style>
        body{
          height: 150px;
          width: 800px;
          overflow: hidden;
          margin: 0px;
          padding: 0px;
          background: white;
        }
    </style>
    <script src="scripts/popup.js"></script>
  </head>
  <body>    
  </body>
</html>

popup.js

  //  Inserting javascript code
  chrome.tabs.executeScript(null, {file: "scripts/content.js"});  

  // Sending request
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) {
    document.write(response.farewell);
    });
  });

content.js

// This function gets all the id of the elements that have a class name X and 
// returns them in a string separated by ",".
function getId(className) {
   // I get all elements containing className
   var elements = document.getElementsByClassName(className);   

   // Creating array with id of the elements
   var idElements= new Array();
   for (var i = 0; i < elements.length; i++) {
    idElements[i]=elements[i].id;
   }

   // Concatenate all id
   var list = idElements.join(" , ");
   return list;
}

var result=getId("classNameTest");

// Listening for message from popup.js
chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.greeting == "hello")
      sendResponse({farewell: result});
  });

任何反馈表示赞赏，谢谢！

Answer 1

您尚未在清单文件中注册内容脚本文件...请检查以下链接以获取更多详细信息...其他工作似乎还可以

http://developer.chrome.com/extensions/content_scripts.html

Chrome扩展程序

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-01-06 07:54:23

Chrome扩展程序

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-01-06 07:54:23

解决方案1
1 已采纳 2014-01-06 07:54:23