Fatal编程技术网
  • javascript/
  • Javascript 如何正确处理移动设备的链接标签？

Javascript 如何正确处理移动设备的链接标签？

javascript html css

Javascript 如何正确处理移动设备的链接标签？,javascript,html,css,Javascript,Html,Css,我开发了一个使用HTML和CSS的网站，在桌面上运行良好，但当我将我的网站文件夹复制到手机上时，它没有加载我的CSS和JS文件。那么我该怎么办呢 <head> <title>mobile</title> <link rel="stylesheet" type="text/css" href="./style.css"> <script src=&quo

我开发了一个使用HTML和CSS的网站，在桌面上运行良好，但当我将我的网站文件夹复制到手机上时，它没有加载我的CSS和JS文件。那么我该怎么办呢

    <head>
    <title>mobile</title>
    <link rel="stylesheet" type="text/css" href="./style.css">
    <script src="./scripted.js"></script>
    </head>


可移动的
您可以使用Chrome DevTools“远程调试Android设备”，如下所述：

在我看来，这是测试HTML页面最方便的方法

使用所有脚本和样式在手机上打开HTML文件的另一种方法是部署本地服务器，该服务器可在本地网络中访问，并将其配置为返回HTML页面及其所有依赖项

据我所知，仅仅打开一个带有样式和脚本的HTML文件并将其呈现到其他文件中是行不通的

顺便说一句，您可以将CSS和JS代码放在带有HTML的文件中，但在我看来，这不是一个很好的解决方案。

如果您使用单独的文件夹在mobile上运行，则必须将源路径定义为
/path/mobile/source
。在这种情况下：
/mobile/style.css
和
/mobile/scripted.js
在读取外部文件时，移动站点和桌面站点通常没有区别。