Javascript chrome扩展代码不是作为扩展运行，而是作为不同的网页运行_Javascript_Google Chrome Extension

Javascript chrome扩展代码不是作为扩展运行，而是作为不同的网页运行

javascript google-chrome-extension

Javascript chrome扩展代码不是作为扩展运行，而是作为不同的网页运行,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我编写了以下代码来创建一个chrome扩展，用于在codechef站点上显示比赛不要在弹出窗口中使用任何内联代码，而是将其全部移动到外部文件。您还需要为您尝试从中获取的站点请求主机权限。$。谢谢，这是其中的一部分。甚至连谷歌api的jquery链接都不起作用。不知道为什么。我下载了jquery脚本，然后添加了它。 <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></s

我编写了以下代码来创建一个chrome扩展，用于在codechef站点上显示比赛

不要在弹出窗口中使用任何内联代码，而是将其全部移动到外部文件。您还需要为您尝试从中获取的站点请求主机权限。$。谢谢，这是其中的一部分。甚至连谷歌api的jquery链接都不起作用。不知道为什么。我下载了jquery脚本，然后添加了它。

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
function fetchPage(url) {
    $.ajax({
        type: "GET",
        url: url,
        error: function(request, status) {
            alert('Error fetching ' + url);
        },
        success: function(data) {

            var textstring = "";
            var $divelem = $("div.table-questions",$(data));
            var $headers = $("h3",$(data));
            var contsite = $divelem.size();
            for(i = 0;i < contsite;i++)
            {
                var ob = $divelem.eq(i);
                var tr = $('tr',ob);
                var trsize = tr.size();
                textstring += "<b>"+$headers.eq(i).html()+"</b><br>";
                for(j = 1;j < Math.min(10,trsize);j++)
                {
                    var td = $('td',tr[j]);
                    var tdsize = td.size();
                    for(k = 0;k < tdsize;k++)
                    {
                        textstring += "\t"+td.eq(k).html()
                    }
                    textstring += "<br>";
                }

            }

            var element = document.createElement("div");
            element.innerHTML = textstring; 
            document.body.appendChild(element);
        }
    });

}

    document.addEventListener('DOMContentLoaded', function() 
    {
        fetchPage("http://www.codechef.com/contests");
    });

</script>
</head>

<body>
</body>

</html>

{
  "manifest_version": 2,

  "name": "Codechef Plugin",
  "description": "This extension demonstrates a codechef event.",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "main.html"
  }
}