Question

我正在尝试运行图库浏览器。它目前在Google Chrome中正常运行。

我已将其移至Windows手机以测试移动Edge浏览器。 HTML，CSS和JavaScript似乎都在运行，但img标签似乎有一些问题而且没有加载。

我浏览了有关Edge等的官方微软论坛，但找不到与此问题相关的任何内容。

然后简化代码，并给出相同的错误，即img标签不显示实际的img。

<html>
    <head></head>
    <body>
        <img src='p0.jpg'>
        <p></p>
        <script>
            document.querySelector('p').textContent = document.querySelector('img').src
        </script>
    </body>
</html>

当我在浏览器中查看时，我在左下角看到一个小的“破碎图像”图标，位于：文件：/// C：/Data/Users/Public/Documents/Gallery/pictures/p0.jpg

如何在本地（移动）参考中显示它？图像文件有问题吗？我应该如何测试网站的整体用户体验，就像我是一个移动查看器一样？

Answer 1

经过一些广泛的测试后，我试图让图像在加载时失败，我还是找不到它的问题。由于我缺乏结果，我感觉唯一可能的问题是你的图像要么没有被复制，要么你把它放在错误的目录中。通常最佳做法是使用img文件夹存储您的所有图像，然后您可以移动整个文件。我可以推荐的是，您的图像文件位于您引用的正确位置（在这种情况下，与HTML文件相同的文件夹）。

另一种可能的解决方案是尝试引用在线托管的图片（Google搜索某些内容然后复制粘贴完整的网址）。确保它首先在桌面上运行，然后在移动设备上尝试。如果它有效，那很好 - 您的问题与您自己的托管图像文件/位置有关。如果它不起作用，可能值得深入钻研并弄清楚设备/浏览器的错误。

对不起，这不是一个非常有用的答案，但我希望它能以某种方式帮助你

在手机上测试网页设计EDGE

1 个答案: