如何为我的Firefox应用程序在Web和FxOS设备中加载远程内容
如何为我的Firefox应用程序在Web和FxOS设备中加载远程内容
提问于 2015-03-27 14:07:26
我没有在论坛上发现这个麻烦，所以我写了这个。
当我从服务器获取远程内容时，我在我的FirefoxOS设备()上遇到了一个问题。
从我的JS文件开始，我就通过AJAX调用服务器中的contentResult文件，它在我的HTML文件中打印这个PHP文件。做得对。
这是javascript文件内容。
window.addEventListener('DOMContentLoaded', function() {
'use strict';
var translate = navigator.mozL10n.get;
navigator.mozL10n.once(start);
function start() {
var message = document.getElementById('message');
message.textContent = translate('message');
show_content();
}
document.getElementById("btn_1").addEventListener("click",function(){
console.log("hola mundo");
alert("hola mundo");
});
document.getElementById("btn_2").addEventListener("click",function(){
console.log("adios mundo");
alert("adios mundo");
});
function show_content(){
var xmlhttp = new XMLHttpRequest();
var url = server_path + "ejemplo.php";
xmlhttp.open("GET", url, true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("txt_server").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send();
}
});
function aviso(){
console.log("clicked");
alert("clicked");
}这是HTML文件内容
<html>
<head>
<meta charset="utf-8">
<title>Example app</title>
<meta name="description" content="A privileged app stub">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/app.css">
<script type="text/javascript" src="js/app.js" defer></script>
<link rel="prefetch" type="application/l10n" href="data/locales.ini" />
<script type="text/javascript" src="js/libs/l10n.js" defer></script>
</head>
<body>
<section>
<h1 data-l10n-id="app_title">My example app</h1>
<p data-l10n-id="app_description">With this example, I want to show a button loaded in HTML and then load content from server by XMLHttpRequest. Two buttons will have click function developed, with alert and console message.</p>
<p id="message"></p>
<button class="wide" data-l10n-id="btn_1" id="btn_1">Click me 1</button>
<button class="wide" data-l10n-id="btn_2" id="btn_2" hidden></button>
<p><span id="txt_server"></span></p>
</section>
</body>
</html>这是PHP文件内容
<?php
//to solve CORS advice
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Origin, X-Requested-With,Content-Type, Accept");
header("Content-Type: text/html;charset=utf-8");
echo "<button class=\"wide\" data-l10n-id=\"btn_2\" id=\"btn_2\">Click me 2</button><br/>";
echo "<a onclick=\"aviso();\" class=\"wide\">Click me 3</a>";
?>因此，问题是：
- 在我调用PHP文件时创建的按钮在web和FxOS应用程序中都没有可点击的功能。
- "a“元素也是在对PHP文件的调用中创建的，它在web上具有可点击的功能，它显示警告和日志，但是在安装在FxOS设备中的应用程序中，它什么也不做。
在这个链接中，您可以测试我要解释的内容。如果您想查看代码，就有一个zip文件。压缩文件
耽误您时间，实在对不起。如果你不明白的话问我。
回答 2
Stack Overflow用户
发布于 2015-03-30 14:46:11
听起来像是CSP违规(OS/CSP)，您不能使用onclick。
Stack Overflow用户
发布于 2015-03-31 00:27:38
这是根据设计的，来自CORS规范 7.3节：
- 由于证书错误，不允许https。
使用自签名证书被认为是证书错误。尝试使用systemXHR客户端而不是CORS服务器端。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29302632
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号