Question

我正在制作歌剧扩展。该扩展程序有一个弹出窗口，可以在其中打开一个网站。我在popup.html文件中的“xhr.send（）”处得到以下错误，我无法将其删除。

“[2013年4月14日12:51:19] JavaScript - widget：//wuid-9ec76e79-06d9-2749-8b7e-b42743de3375/popup.html内联脚本线程未捕获异常：ReferenceError：安全违规 fetchGames（）中第16行第16行引发的错误小工具：//wuid-9ec76e79-06d9-2749-8b7e-b42743de3375/popup.html： xhr.send（）;从小部件的第32行第12列调用：//wuid-9ec76e79-06d9-2749-8b7e-b42743de3375/popup.html： fetchGames（）; “

我的配置文件如下：

<?xml version="1.0" encoding="utf-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" id="http://www.example.org/helloworld">
    <name>Hello Extensions!</name>
    <description>A simple hello world example</description>
    <author href="http://www.twitter.com/dstorey/" email="dstorey@opera.com">David Storey, Opera Software</author>
    <icon src="icons/icon-64.png"/>
</widget>

我的index.html文件是：

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>Hello World!</title>
    <meta charset="UTF-8">
    <script>
        window.addEventListener( 'load', function(){
            var theButton;
            var ToolbarUIItemProperties = {
                    disabled: false,
                    title: 'Hello World',
                    icon: 'icons/icon-18.png',
                    popup: {
                        href: 'popup.html',
                        width: 500,
                        height: 500
                    }
                }
            theButton = opera.contexts.toolbar.createItem(ToolbarUIItemProperties);
            opera.contexts.toolbar.addItem(theButton);
        }, false );
    </script>
</head>
<body>

</body>
</html>

我的popup.html文件是：

<!DOCTYPE HTML>
<html lang="en">
   <head>
        <title></title>
        <link href="style.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
        body {
    background-color: #efefef;
}
        </style>
        <script>
            function fetchGames() {
            alert('hello');
                var xhr = new XMLHttpRequest();
                xhr.onreadystatechange = function(data) {
                    if (xhr.readyState == 4) {
                        if (xhr.status == 200) {
                            var data = (xhr.responseText);
                            document.getElementById('list_games').innerHTML = data;
                            //callback(data);
                        }
                        else {
                            alert('No Games Found');
                            window.close();
                        }
                    }
                }
                var url = 'http://www.anatomic.us/generate-xml';
                xhr.open('GET', url, true);
                xhr.send();
            };
            fetchGames();
            function submitForm(obj)
            {
                var searchKey = document.getElementById('sp').value;
                if(searchKey!=null && searchKey!='')
                {
                    obj.setAttribute('action', 'http://www.3d-game.co/'+searchKey);
                    return true;
//                    chrome.tabs.create({url: 'http://www.3d-game.co/'+searchKey});
                }
                else
                    {
                        alert('Please Enter your search item');
                         return false;
                    }

            }
        </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
<!--        <div class="header">
            <a  href="http://www.3d-game.co/"><img src="icon.png"></a>
        </div>
        <br />-->
        <div id=content>
            <div style='padding-left:10px;'>
                <form id=sf method=post action="http://www.3d-game.co/search/" onSubmit="return submitForm(this);" target="_blank">
                </form>
            </div>
            <div id=cat_content>
                <div id="list_games" class=list_games>
                <img src="loader.gif" border="none" />
                    <div class="ajax-loader">
                        <img src="loader.gif" border="none" />
                    </div>
                </div>
            </div>
    </body>
</html>

Plz帮我删除它。

Answer 1

在您从中获取数据的文件的标题中添加以下内容：

Access-Control-Allow-Origin: *

Answer 2

在config.xml文件中添加以下行：在标签前允许任何域httprequest，这解决了问题，如果问题仍然存在，请在Opera浏览器选项卡“opera：config”中打开并选择“Users Prefs”并选中“允许文件” XMLHttpRequest“并重启。如果有问题我可以发给你我的歌剧扩展工作正常...

Opera扩展错误＆＃34;未捕获异常：ReferenceError：安全违规＆＃34;

2 个答案: