移动站点开发的临时路径

Question

我正在创建要转换为简单应用的网站的移动版本。

我有文件夹'mobile'，我将为应用程序打包，但是，当我在处理它时，所有的相对路径都搞砸了 - 例如路径

mobile
---->index1.html
----/js
----/css
----/dashHTML
    ---->index2.html

该网站全是 javascript、jquery 和 html，所以我必须为每个 html 页面添加标题，没问题，index1.html 可以：

<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>

但是对于index2.html，它们当然不好，因为它们是相对路径。

我知道我可以对绝对路径进行硬编码，但每次编译应用程序时管理这将是一场噩梦。有没有一种解决方案可以让我以某种方式“伪造”文件夹mobile 成为根目录？

Answer 1

您可以在head 中使用base 标记： https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

HTML base 元素指定用于所有相关的基本 URL 文档中包含的 URL。