【发布时间】：2019-01-14 16:41:00
【问题描述】：
由于我是编程初学者，所以我在制作我的第一个应用程序时遇到了麻烦。使用 PhoneGap，我压缩了我的 HTML 和 CSS 文件夹，并使用 PhoneGap Build 服务构建了它们。到达那里后，我按照步骤（使用 QR 码）在我的 Android 平板电脑上安装了我的应用程序。平板电脑是华硕设备。我测试了我的新应用程序，除外部链接外，一切正常。我相信这与应用程序在调用链接时未打开浏览器有关。任何帮助表示赞赏！
这是我的应用程序中的一个页面。它上面有最多的外部链接：
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "https://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.MylesCohenChan.Chair.it.y"
versionCode = "1"
version = "1.0.0" >
<name>Chair.it.y</name>
<description> This is a charity organization involving furniture.</description>
<author href = "spacerobot.ca" email = "mylescohenchan@gmail.com">
Myles-Cohen Chan
</author>
<plugin name="cordova-plugin-inappbrowser" source="npm" />
</widget>body {
font-family: arial, sans-serif;
}
h1 {
margin: 10px;
padding: 10px 100px 10px 5px;
line-height:10px;
border-bottom: 1px solid rgb(217, 217, 217);
font-size: 100%;
}
img {
height: 40px;
width: 170px;
}
h2 {
color: black;
text-align: center;
font-size: 100%;
}
a {
display: block;
text-decoration: none;
color: white;
}
h3 {
padding: 10px;
text-align: center;
font-size: 120%;
}
div {
border-radius: 25px;
background: #E74C3C;
width: 100px;
text-align: center;
padding: 10px;
}
h4 {
padding: 10px;
font-size: 100%;
max-width: 500px;
margin: auto;
}
p {
border-radius: 25px;
border: 2px solid grey;
padding: 8px;
background-color: white;
max-width: 500px;
margin: auto;
}
ul {
padding: 0px;
margin: 0px;
max-width: 500px;
margin: auto;
}
li {
border-radius: 25px;
background: steelblue;
text-align: center;
padding: 10px;
margin: 10px;
list-style-type: none;
background-image: url(images/chevron.png);
background-repeat: no-repeat;
background-position: right;
color: white;
}
h5 {
padding: 10px;
font-size: 100%;
max-width: 500px;
margin: auto;
}
h6 {
padding: 10px;
font-size: 100%;
max-width: 500px;
margin: auto;
}
div:hover {
background: #FF8800;
}
li:hover {
background: #00A1FF;
}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Donate</title>
<meta http-equiv="Content-Type" content= "text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="initial-scale=1.0">
<link media="screen" href="Donate.css" type="text/css" rel="stylesheet">
<script language="javascript">
var ua = navigator.userAgent;
if (ua.indexOf("iPhone") > 0) {
document.location.replace("card.html");
}
function switchPage(page){
document.location.replace(page + ".html");
</script>
</head>
<body background="images/Chair2.jpg">
<h1><img style="display: inline;" src="images/Chair-it-y symbol.png" alt="logo" /></h1>
<h2>Donate</h2>
<div><a onclick="switchPage('index');">Home</a></div>
<h3> Prefered Methods of Donation</h3>
<h4>1. Bring It</h4>
<p>
If you are interested in donating some furniture, one option is to bring it to our store*.<br><br>
Once you arive, we can then assist you in unloading your vehicle. When donating, no payment is required,
but is suggested so that we can continue to fund Chair-it-y's different departments.<br><br><br>
<big>*</big><small><small>Our store does not actually exist, because this is not a real chairity. It is a made-up organization
designed for this assignment's purposes.</small></small>
</p>
<ul>
<li><a href="https://www.google.ca/maps/place/Value+Village/@49.2279116,-123.0719501,15z/data=!4m5!3m4
!1s0x5486742462cc4d81:0x73bc6aed39b44a57!8m2!3d49.2263335!4d-123.0
659267">Store Location</a></li>
</ul>
<h5>2. Mail It</h5>
<p>
Do you live too far away, or don't have the means to transport your furniture? Well, that's not a problem!
You can just mail it to us. <br><br>
Using the address givin to you above in the "Store Location" tab, all you have
to do is package your item and ship it to us! It's that easy. <br><br><br>
<big>*</big><small><small>You don't actually have to package your item, our store does not exist.</small></small>
<ul>
<li><a href="https://www.canadapost.ca/tools/pg/manual/PGabcmail-e.asp" onclick="window.open(this.href,'_blank'); return false;" >Canada Post Shipping Info</a></li>
</ul>
<h6>3. Pick Up</h6>
<p>
Is shipping a problem for you? Well, it's a problem no more! <br><br>
Chair-it-y will gladly come right to your doorstep and pick up your furniture, as long as you live within the
Greater Vancouver area and schedule the pickup to be between Monday and Friday. If you live outside Greater
Vancouver, we can still try to make and effort by meeting somewhere halfway.
</p>
<ul>
<li onclick="switchPage('Email Form');">Schedule a Pickup</li>
</ul>
</body>
</html>图片文件不包括在内，所以当你们打开它时应该没有标志和背景。如果您有任何问题，请在这里问他们。谢谢！
【问题讨论】：
-
到底是什么问题？图片加载不出来？或者您想添加一个网站链接并在您的应用程序中打开它？因为第二个是不可能的。
-
我想在我的应用程序中添加指向网站的链接，但它会在浏览器中启动该网站。那可能吗？如果有，怎么做？
标签： javascript android html css phonegap