打包为本地浏览的h5无法加载和访问xml文件。

neishow · 发表于 2015-3-17 15:37:41

我用wex5服务端打包一个全部是html5文件的网站。里面加载的都是些图片，通过js+xml调用。在本地直接预览和上传到服务器预览都可以正常。

当我用wex5打包后，用http://localhost/index.html访问的时候，可以加载出页面效果，但是在遇到需要加载config.xml文件的时候，就无效了。尝试过更改index.html 加<meta http-equiv="Access-Control-Allow-Origin" content="*">解决跨域问题。但是加了也不凑效。

请高手指点一下。谢谢。
index.html具体代码是这样的。

<!DOCTYPE html>
<html>
<head>
<title>京润珍珠文化馆欢迎您</title>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<style type="text/css">
@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
</style>
<script type="text/javascript" src="tour.js"></script>
<script type="text/javascript" src="files/jquery183.js"></script>
<link rel="stylesheet" type="text/css" href="files/colorbox1514/colorbox.css" />
<script type="text/javascript" src="files/colorbox1514/colorbox.js"></script>
<script type="text/javascript" src="files/utility.js"></script>
<script type="text/javascript">
// 加载xml文档
function loadXML(xmlFile) {
var xmlDoc;
try {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
} catch(e) {
try {
xmlDoc = document.implementation.createDocument("", "", null) ;
} catch(e) {}
}
try {
xmlDoc.async = false;
xmlDoc.load(xmlFile);
} catch(e) {
var xhr = new XMLHttpRequest();
xhr.open("GET", xmlFile, false);
xhr.send(null);
xmlDoc = xhr.responseXML.documentElement;
}
return xmlDoc;
}
var xmlDoc = loadXML("config.xml");
//获取热点配置数据，弹开对应商城页面
function showWindow(hotspot) {
var colorboxURL, tColorbox;
if(xmlDoc != null) {
var root = xmlDoc.documentElement;
var cmxspot=root.getElementsByTagName("cmxspot");
for(var i=0; i<cmxspot.length; i++) {
if(cmxspot[i].getAttribute("name") == hotspot) {
colorboxURL = cmxspot[i].getAttribute("url");
tColorbox = cmxspot[i].getAttribute("title");
tColorbox = tColorbox.replace("点击查看","");
resizeColorbox();
if(!colorboxInstalled) {
colorboxInstalled = true;
$.colorbox({
iframe: true, href: colorboxURL, reposition: true, opacity: 0,
width: wColorbox, height: hColorbox, title: tColorbox,
onClosed: function() {colorboxInstalled = false}
});
}
}
}
}
}
//打开360旋转层
function open360(hotspot) {
$.colorbox.remove();
colorboxInstalled = false;
resizeColorbox();
colorboxInstalled = true;
$.colorbox({
iframe: true,
href: "360/index.html?spot=" + hotspot,
reposition: true,
width: wColorbox,
height: hColorbox,
title: "展品360播放器",
onClosed: function() {colorboxInstalled = false;}
});
}
</script>
</head>
<body>
<div id="pano" style="width:100%;height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script type="text/javascript">
embedpano({
swf:"tour.swf",
xml:"tour.xml",
target:"pano",
id: "krpanoObject",
wmode: "transparent",
mwheel: true,
html5: selecthtml5usage(),
passQueryParameters:true,
vars:{htmlsound:''}
});
</script>
</div>
</body>
</html>

复制代码

wsh · 发表于 2015-3-17 15:53:14

楼主的打包参数是怎么设置的，把 Native 目录下自己本地包工程的 app.project 文件内容贴一下。

另外,你是把自己写好的html放到 www 下打包吧？ config.xml等之类的文件都放进去了吧

007slm · 发表于 2015-3-17 15:59:16

本帖最后由 007slm 于 2015-3-17 16:04 编辑

首先确定下问题：
http://localhost/config.xml 这个路径应该有返回！你的问题是不是 swf 对应的效果没有出来？

如果是这个问题，可能有2个问题
第一如果想播放音频视频通过object方式加载swf方式是不能用标准html5方案加载的，必须用 corodva的api 来加载音频视频等文件播放。（这个详细问题可以多看cordova 等论坛好多吐槽的主要是和浏览器兼容问题）

如果是自己的flash特效等估计是因为浏览器不支持flash所以没有出来效果。

关键要看你的embedpano 是个什么！

neishow · 发表于 2015-3-17 16:12:53

wsh 发表于 2015-3-17 15:53
楼主的打包参数是怎么设置的，把 Native 目录下自己本地包工程的 app.project 文件内容贴一下。

另外,你是 ...

app.project 如下：

{
"userID" : "C686A5AD23E00001862517B0310038B0",
"appName" : "文化馆三维漫游",
"version" : "2.1.1",
"packageName" : "com.gnpearl.whg3d",
"serverURL" : "http://localhost",
"indexURL" : "/index.html",
"uiResDirs" : "",
"extBrowser" : true,
"autoSelectPlugins" : true,
"plugins" : "自动选择",
"resEncryption" : false,
"mqttServerURL" : ""
}

复制代码

我是把所有文件都放在www目录下的。

neishow · 发表于 2015-3-17 16:21:51

007slm 发表于 2015-3-17 15:59
首先确定下问题：
http://localhost/config.xml 这个路径应该有返回！你的问题是不是 swf 对应的效果没有出 ...

这个是页面是兼容2种模式，如果是PC会用到swf 如果是其他的就会用html5页面，主要是html5。也就是正常的三维全景图片展示是可以正常浏览，各项都正常，就是在加载config.xml热点的区域的时候 xml无法被加载到。xml里面有声音链接的定义。

007slm · 发表于 2015-3-17 16:33:45

neishow 发表于 2015-3-17 16:21
这个是页面是兼容2种模式，如果是PC会用到swf 如果是其他的就会用html5页面，主要是html5。也就是正常的 ...

那你在chrome中用真机调试下，看看发出去的请求是不是 http://localhost/config.xml 返回值是什么？然后真的访问http://localhost/config.xml 看看有没有返回值

007slm · 发表于 2015-3-17 16:34:09

neishow 发表于 2015-3-17 16:21
这个是页面是兼容2种模式，如果是PC会用到swf 如果是其他的就会用html5页面，主要是html5。也就是正常的 ...

那你在chrome中用真机调试下，看看发出去的请求是不是 http://localhost/config.xml 返回值是什么？然后用调试里面的浏览器真的访问http://localhost/config.xml 看看有没有返回值

neishow · 发表于 2015-3-17 16:54:58

007slm 发表于 2015-3-17 16:34
那你在chrome中用真机调试下，看看发出去的请求是不是 http://localhost/config.xml 返回值是什么？然 ...

怎么真机调试，我一运行模拟器就自动去demo 改都改不了？从哪里改？

zhaixin · 发表于 2015-3-19 10:07:51

看一下官网上的视频
http://wex5.com/cn/downloads/

WeX5-App打包方式：
详细介绍WeX5的各种app打包方式

wsh · 发表于 2015-3-19 10:56:41

neishow 发表于 2015-3-17 16:54
怎么真机调试，我一运行模拟器就自动去demo 改都改不了？从哪里改？

http://wex5.com/cn/wex5%E6%9C%AC ... %E8%B0%83%E8%AF%95/

可以参考一下这个

		自动登录	找回密码
密码			注册