好的。所以我知道这可能是一个愚蠢的问题,但在过去的几个小时里我一直在遍历 SO 和谷歌寻找答案,但一无所获。
我目前正在使用 JQM 1.2.0 和 Google Maps js V3 创建一个 HTML5 移动应用程序 - 只是为了设置上下文。当我尝试在 FF 18 桌面版中测试页面时出现我的问题。在其他所有浏览器中,无论是移动版还是桌面版,我都没有遇到任何问题。另外,我在本地主机和我要部署到的服务器上都试过,结果是一样的。
在我的 HTML 文件中,我有一个指向 css 和 js 文件的相对链接:
<script src="js/general.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/mobile.css"/>
当我使用 CDN 时,我与 JQM 等的链接是绝对的:
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
当我使用 Firebug 时,我可以看到具有绝对路径的文件可以正常加载,而相对路径链接被忽略 - 或者至少我认为是这样,因为控制台或网络窗格中都没有显示任何内容。
当我在 Firebug 中检查 Html 窗格时,它看起来好像包含一个标记 pr 默认值(具有正确的 URL),但如果我尝试使用常规 FF 方法查看页面源,则不会。尽管如此,我试图在我的标题中包含一个显式的基本标记,但它没有任何改变。
所以,总结一下:相对路径在除 FF 之外的所有浏览器中都可以正常工作,它发生在我的服务器和本地主机上。
更新: 尝试将文件移动到根目录,但没有帮助。此外,当尝试在 Firebug 中查看 js 或 css 文件的内容时(按 index.html 中标签左侧的箭头),它只是说:
重新加载页面以获取以下资源:
http://localhost/~u040800/app/general.js
当然,重新加载后不会改变。