Chrome Uzantısı - bir sayfaya html ile yazılmış bir tablo öğesi ekleyin

Question

Bir Chrome Uzantısı yazıyorum ve html etiketleri içeren bir tablo öğesi yazabilir ve programlı olarak içerik komut dosyası içeren bir sayfaya ekleyebilirsiniz.

<table> blah blah </table> 

ve bir sayfaya bu öğeyi ekleyin: Ben gibi bir şey yazmak mümkün istiyorum

var myTable = document.createElement("table"); 
document.getElementById("Container").appendChild(myTable); 

: Ben gibi sayfa öğeler eklemek biliyorum. Mümkünse bu öğeyi kendi dosyasında bile bulundurun. (ve nedenlerden dolayı farklı bir karede olmasını istemiyorum)

Neden? Çünkü böyle bir elementi tasarlamak çok daha caziptir. Şimdiden teşekkürler!

Answer 1

Bunu yapmak için jQuery'yi kullanabilirsiniz. Bir manifest.json dosyası oluşturun ve aşağıdaki gibi bir şey içine koymak: Aynı dizin altında

{ 
"manifest_version": 2, 
"name": "PLUGIN_NAME", 
"version": "1", 
"content_scripts": [ 
{ 
    "matches": [ 
     "http://your.website.com/*" 
    ], 
    "js": ["jquery.js", "plugin.js"] 
    } 
] 
} 

İç plugin.js aşağıda gibi bir şey koymak:

jQuery(document).ready(function() { 
    var element = jQuery('#id-of-div') 
    jQuery('<table><tr><td>HEY !</td></tr></table>').appendTo(element) 
}); 

Sonra jquery indirmek ve aynı dir altına koydu.