Phonegap 构建 - Javascript 不工作
Phonegap build - Javascript not working
我正在 PhoneGap 构建中开发测试应用程序。目前我正在尝试在应用加载时重定向到一个页面。但是当我尝试这样做时,它并没有重定向,而是只停留在 index.html 页面中。我正在使用 TestObject 来测试应用程序。
index.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" charset="utf-8">
function init() {
document.addEventListener("deviceready", onDeviceReady, true);
}
function onDeviceReady() {
alert("Device is ready");
}
</script>
</head>
<body onload="init();">
<input type="button" onclick="location.href='http://google.com';" value="Go to Google" />
Hai welcome to my app
</body>
</html>
config.xml
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.mydomain.mobileApp"
versionCode = "1"
version = "1.0.0" >
<!-- versionCode is Android only -->
<!-- version is in major.minor.patch format -->
<name>My App</name>
<description>
An example for phonegap build app which wont show up in the playstore.
</description>
<author href="https://YourWebsite.com" email="yourEmail@goesHere.com">
Name Of The Author
</author>
</widget>
当我在浏览器中对此进行测试时,单击按钮时它将重定向到 http://google.com。但是当我上传 apk(从 phonebuild 构建)并上传到 TestObject 时,按钮来了。但是点击它什么也没有发生。当我测试应用程序时,我变得像这样。
谁能帮我找出问题所在。提前致谢。
您需要在您的应用程序中包含 cordova
也试试这个
document.addEventListener("deviceready", function(){
alert("Device ready Fire");
},true);
将 phonegap.js
包含在 HTML 文件的 head
部分中,并且不要使点击事件处理程序内联。在 script
部分注册事件处理程序。还要确保你已经包含 whitelist
插件。试试下面的代码:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript">
function myFun(){
document.getElementById("myBtn").addEventListener("click", function(){
location.href='http://google.com';
});
}
</script>
</head>
<body onload="myFun()">
<button id="myBtn">Go to Google</button>
Hai welcome to my app
</body>
</html>
我正在 PhoneGap 构建中开发测试应用程序。目前我正在尝试在应用加载时重定向到一个页面。但是当我尝试这样做时,它并没有重定向,而是只停留在 index.html 页面中。我正在使用 TestObject 来测试应用程序。
index.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" charset="utf-8">
function init() {
document.addEventListener("deviceready", onDeviceReady, true);
}
function onDeviceReady() {
alert("Device is ready");
}
</script>
</head>
<body onload="init();">
<input type="button" onclick="location.href='http://google.com';" value="Go to Google" />
Hai welcome to my app
</body>
</html>
config.xml
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.mydomain.mobileApp"
versionCode = "1"
version = "1.0.0" >
<!-- versionCode is Android only -->
<!-- version is in major.minor.patch format -->
<name>My App</name>
<description>
An example for phonegap build app which wont show up in the playstore.
</description>
<author href="https://YourWebsite.com" email="yourEmail@goesHere.com">
Name Of The Author
</author>
</widget>
当我在浏览器中对此进行测试时,单击按钮时它将重定向到 http://google.com。但是当我上传 apk(从 phonebuild 构建)并上传到 TestObject 时,按钮来了。但是点击它什么也没有发生。当我测试应用程序时,我变得像这样。
谁能帮我找出问题所在。提前致谢。
您需要在您的应用程序中包含 cordova
也试试这个
document.addEventListener("deviceready", function(){
alert("Device ready Fire");
},true);
将 phonegap.js
包含在 HTML 文件的 head
部分中,并且不要使点击事件处理程序内联。在 script
部分注册事件处理程序。还要确保你已经包含 whitelist
插件。试试下面的代码:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript">
function myFun(){
document.getElementById("myBtn").addEventListener("click", function(){
location.href='http://google.com';
});
}
</script>
</head>
<body onload="myFun()">
<button id="myBtn">Go to Google</button>
Hai welcome to my app
</body>
</html>