クロム拡張機能にHTMLファイルとCSSファイルを含めるにはどうすればよいですか？

Question

クローム拡張機能を作成しています。 CSS、javascript、HTMLファイルを含む小さな拡張機能があります。私はどのWebページでもこの拡張を実行したいが、content_scriptはスクリプトファイルを実行することしかできない。 cssまたはhtmlファイル拡張子を追加すると機能しません。拡張機能用に作成したHTMLページは表示されません。ちょうどscript.jsです。 content_scriptにどのようにしてHTMLファイルを追加できますか？

これは私のmanifest.jsonファイルです：

{ 
    "manifest_version":2, 

    "name":"News Plugin", 
    "description": "This extension will show you the latest news with headlines and small description", 
    "version":"1.0", 


    "browser_action":{ 
    "default_icon":"news_icon.png", 
    "default_popup":"NewsApp.html" 
    }, 
    //"chrome_url_overrides":{ 
    //"newtab":"NewsApp.html" 
    //}, 

    "content_scripts":[ 
     { 
      "matches":["http://*/*","https://*/*"], 
      "js":["news.js"], 
      "html":["news.js"], 
      "css":["style.js"] 
     } 
    ], 

    "permissions":[ 
    "activeTab" 
    ] 
} 

Answer 1

はmanifest.jsonでcontent_scriptsプロパティの仕様のためhttps://developer.chrome.com/extensions/content_scriptsを参照してください。 content_scriptsには"html"というプロパティはありません。元のページに既に独自のHTMLがあるので、HTMLを挿入できる場合はどこに置くのですか？ JavascriptとCSSだけを追加できます。

ページにHTMLを追加するには、DOM操作関数を使用してJavascriptでHTMLを追加する必要があります。これにより、新しい要素の配置先を指定できます。