2017-01-03 2 views
0

Я работаю на плагин Chrome и мне нужна помощь с пересылкой данных из popup.html в background.jsChrome плагин экспедиторская текст

Я хотел бы, чтобы вставить текст в поле ввода текстового поля в всплывающем окне и быть способный использовать его в фоновом скрипте, в настоящее время он должен только добавлять текст, но я планирую использовать текстовые манипуляции для автоматизации работы ввода базы данных. От excel через мой плагин до определенных форм.

manifest.json

{ 
    "manifest_version": 2, 

     "name": "LMT", 
     "description": "This extension will save your life", 
     "version": "1.0", 

    "browser_action": { 
     "default_icon": "icon.png", 
     "default_popup": "popup.html", 
     "default_title": "LMT" 
    }, 
    "background": { 
     "scripts": ["background.js"] 

    }, 
    "content_scripts":[{ 
     "matches": ["http://*/*","https://*/*"], 
     "js":["contentscript.js"] 

}], 
     "permissions": [ 
     "activeTab", 
     "background" , 
     "tabs", 
     "http://*/*", 
     "https://*/*" 
    ] 
} 

Popup.html

<!DOCTYPE html> 
<html> 
<head> 
    <script src="contentscript.js"></script> 
    <style>body{height: 100px;width: 200px;}</style> 
</head> 
<body> 

    <p>Welcome to Upload tool</p> 
    <input type="text" id="inputxt"> 
    <button id="start">Start</button> 

</body> 
</html> 

Content.js

(function() { 

    document.addEventListener("DOMContentLoaded", function(event) { 
     var element = document.getElementById('start'); 

     var txtimport = document.getElementById('inputxt'); 
     element.addEventListener('click', function() { 


       chrome.tabs.executeScript(null,{file:"background.js"}); 

       //alert("BOF"); 

     }); 
    }); 


})(); 

background.js

var x = document.createElement("div"); 
var t = document.createTextNode("This is a paragraph."); 
x.appendChild(t); 
x.style.width = "80%"; 
x.style.marginLeft = "50px"; 
x.style.height = "300px"; 
x.style.background = "#499"; 
x.style.color = "white"; 
document.body.appendChild(x); 

Спасибо

ответ

0

Если вы пытаетесь передать данные, или просто общаться между background.js и Content.js вы должны смотреть на Message Passing

Эта статья имеет некоторые хорошие примеры.

Смежные вопросы