Chrome网上商店newtab覆盖了http请求

时间:2016-04-23 10:28:02

标签: html google-chrome google-chrome-extension

要覆盖chrome web store新标签页,我使用以下代码:

"chrome_url_overrides": {
  "newtab": "index.html"
}

我有一个提供html文件的后端,所以我不想使用index.html文件,而是希望通过http请求获取html文件。

这可能吗?或者有一个解决方法谢谢。

2 个答案:

答案 0 :(得分:0)

您可以在<script></script>文件的index.html标记内放置一些javascript,用于从自定义域抓取您生成的html内容。

答案 1 :(得分:0)

您可以从索引页面到远程服务器进行ajax调用,并用外部html替换整个html。示例代码如下所示

的index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script src="index.js"></script>
</body>
</html>

index.js

var SERVER_URL = "";
var xhr = new XMLHttpRequest();
xhr.onload = function() {
    replaceHtml(xhr.responseText);
};
xhr.open("GET", SERVER_URL);
xhr.send();

function replaceHtml(data) {
    document.open("text/html");
    document.write(data);
    document.close();
}