棘轮push.js无法重定向网页
棘轮push.js无法重定向网页
提问于 2014-08-28 22:12:19
我试图创建一个简单的科尔多瓦移动应用程序使用棘轮，但无法让push.js加载任何页面。我的研究发现的唯一一件事是push event only works on mobile devices，但我没有在浏览器中使用它。我尝试通过XCode和从命令行界面使用cordova build ios cordova emulate ios进行模拟，但链接不起作用。它们在闪烁，表示我点击了它们，但没有发生任何操作。这是我想要在两个页面之间转换的页面。
index.html
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- Set the viewport settings to prevent scaling -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>MyProject</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" href="css/ratchet.css">
<meta name="msapplication-tap-highlight" content="no" />
<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="js/ratchet.js"></script>
<script type="text/javascript">
app.initialize();
$(function(){
window.localStorage.setItem('phone-number', '1-330-697-3044');
});
</script>
<style>
/*Stops the text from being in all caps*/
body * {
text-transform: none;
}
</style>
</head>
<body>
<!-- Bar items -->
<header class="bar bar-nav">
<h1 class="title">RealtyShout</h1>
</header>
<nav class="bar bar-tab">
<a href="#" class="tab-item active">
<span class="icon icon-home"></span>
<span class="tab-label">Home</span>
</a>
<a href="subscriptions.html" data-transition="slide-in" class="tab-item">
<span class="icon icon-star"></span>
<span class="tab-label">Subscriptions</span>
</a>
<a href="#" class="tab-item">
<span class="icon icon-person"></span>
<span class="tab-label">Contact Info</span>
</a>
<a href="#" class="tab-item">
<span class="icon icon-download"></span>
<span class="tab-label">Messages</span>
</a>
</nav>
<!-- Page contents -->
<div class="content">
<ul class="table-view">
<li class="table-view-cell"><a href="subscriptions.html" data-transition="fade" class="navigate-right">Subscriptions</a></li>
<li class="table-view-cell"><a href="#" class="navigate-right">Contact Info</a></li>
<li class="table-view-cell"><a href="#" class="navigate-right">Messages</a></li>
</ul>
</div>
</body>
</html>subscriptions.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- Set the viewport settings to prevent scaling -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>MyProject: Subscriptions</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" href="css/ratchet.css">
<meta name="msapplication-tap-highlight" content="no" />
<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="js/ratchet.js"></script>
<script type="text/javascript">
app.initialize();
</script>
<style>
/*Stops the text from being in all caps*/
body * {
text-transform: none;
}
</style>
</head>
<body>
<header>
<!-- Bar items -->
<header class="bar bar-nav">
<h1 class="title">MyProject</h1>
</header>
<nav class="bar bar-tab">
<a href="#" class="tab-item">
<span class="icon icon-home"></span>
<span class="tab-label">Home</span>
</a>
<a href="#" class="tab-item active">
<span class="icon icon-star"></span>
<span class="tab-label">Subscriptions</span>
</a>
<a href="#" class="tab-item">
<span class="icon icon-person"></span>
<span class="tab-label">Contact Info</span>
</a>
<a href="#" class="tab-item">
<span class="icon icon-download"></span>
<span class="tab-label">Messages</span>
</a>
</nav>
<!-- Page contents -->
<div class="content">
<ul class="table-view">
<li class="table-view-cell">Hello World</li>
</ul>
</div>
</header>
</body>
</html>回答 1
Stack Overflow用户
发布于 2015-03-04 00:00:28
我猜index.html和subscriptions.html是通过文件系统提供的吧？这意味着它符合你的phonegap/cordova应用程序？url可能是在编译的应用程序中使用file://协议加载的，而push.js目前不支持该协议。
我能够通过应用@artemave中的push.js代码的修改版本来使其正常工作
只需将ratchet.js的"//核心推送功能“部分替换为以下版本：
https://github.com/artemave/ratchet/commit/5ccfdd765ecd15666b83b0b9abc15e4c120b7713
为我解决了ios模拟器的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25550976
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号