html - 如何最好地制作具有多个页面的 Web 应用程序?

标签 html ios web-applications cordova web

我正在尝试使用 PhoneGap 制作一个多平台离线 webapp。我知道我的 html 和 css,但我对 JavaScript 的全部功能并不完全熟悉,而且我以前从未制作过 webapp,更不用说尝试使用 phonegap 来授权它了。

现在,我有 phonegap 为您设置的主要 index.html,但现在我不确定如何进行。如果我想要一个按钮将用户从主页带到另一个页面,我应该制作第二个 html 文件并在它们之间进行字面链接,还是比这复杂得多?

另外(准备好迎接一个来自初学者的可能非常愚蠢的问题):

网络应用程序必须在线吗?我真的不清楚它们是否像需要托管在服务器上的普通网站一样运行,或者它们是否可以像普通的原生应用程序一样打包和下载。请帮忙!

谢谢。

哦,顺便说一句,我正在使用phonegap插件的东西在Xcode中工作......在我转向android之前,我正试图让它在iphone上运行。

最佳答案

虽然当时其他答案对我有所帮助,但我想我会在五年后的现在为我自己的第一个 StackOverflow 问题添加一个更完整的答案。

首先,“网络应用程序”在技术意义上与“网站”相同,是的,它们必须托管在服务器上才能通过浏览器访问......就像每个网站一样。唯一的区别是 Web 应用程序通常是一种更加动态和复杂的网站,涉及 JavaScript 和 AJAX。调用像 this one 这样的简单网站会产生误导。一个“网络应用程序”,而 Facebook 绝对是一个网络应用程序。基本上所有的网络应用程序都是网站,但并非所有的网站都完全是网络应用程序。

但是,如果您希望它可以通过浏览器在任何地方通过 http 访问,则只需“在线”即可。 .如果您像我当时一样制作 Cordova 应用程序,那无关紧要。如果您只想在本地运行应用程序,您可以使用本地服务器,如 Python 的 SimpleHTTPServer。或 webpack 提供的一个,或任何其他替代方案,包括您从头开始编写的服务器。

至于关于拥有多个页面的主要问题,是的 anchor 元素,如 <a href="www.google.com">my link</a>是连接页面的标准方式。要在您自己的页面之间进行链接,您将拥有多个 .html 文件,并且您将创建一个带有类似 href="myOtherPage.html" 的 href 的链接。 ,其中该文件包含在与链接到它的页面的文件相同的目录中。或者,您可以设置一个单页应用程序,其中 JavaScript 加载新页面内容而不使用 anchor 元素——在这种情况下,不需要多个 .html 文件。像 Angular 和 React 这样的框架有助于实现这一点,但这绝不是必要的。

关于html - 如何最好地制作具有多个页面的 Web 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9507148/

相关文章:

html - 将带有图像的 Alpha mask 溢出 div 悬停

Java Play 框架流程

javascript - 能否避免iPhone 6网页 react 延迟(近1秒)?

java - servlet 中输入/输出流的性质

javascript - 在 20 个页面的网站的所有页面中包含一个通用的 html 标题(具有事件类)

html - CSS3 移动多级菜单 : can't show the second level

ios - 面向初学者的 iOS 音频分析

ios - CAShapeLayer 没有在 uiview 中正确居中

python - 如何使 Python 对象持久存在于 Web 应用程序中?

linux - 以下架构的 Web 服务器要求