加载图像时，PhoneGap jQuery .html 不工作（仅在设备中，在浏览器上工作正常）答案

【问题标题】：PhoneGap jQuery .html not working with when loading images (Only in device, working fine on browser)加载图像时，PhoneGap jQuery .html 不工作（仅在设备中，在浏览器上工作正常）
【发布时间】：2017-10-03 06:55:28
【问题描述】：

我正在替换 PhoneGap android 应用程序中的 div。

以下两个代码都可以在浏览器中运行，但代码 01 在设备中无法运行。

代码 01（无效代码）

var selected_floor = $('#select_floor').find(":selected").val();
$("#image_area").html('<img class="img-responsive" src="images//2000.jpg">');

代码 02（工作代码）

var selected_floor = $('#select_floor').find(":selected").val();
$("#image_area").html('Hello World');

为什么 Code 01 在设备中不起作用？我该如何解决？

附加问题：如果我收到此类问题（在浏览器上工作，但在设备上不工作）我应该如何在设备上调试它以了解发生了什么？

更新

Carsten Løvbo Andersen 建议在图像中添加 ALT 标签。所以我添加了 ALT 图像。现在在设备中它显示 ALT 标签的值而不是图像。但是在浏览器中它会显示图像。

【问题讨论】：

您确定“代码 01”不起作用吗？尝试在图像中添加替代文本，然后重试。因为你的代码是一样的，它应该可以工作
@CarstenLøvboAndersen 谢谢。我现在试过了。如果我设置了一个 alt 标签，在设备中它会显示 ALT 标签而不是图像。但在浏览器中它显示图像。这是为什么呢？
我的猜测是，创建的 phonegap 应用程序没有指向已设置图像的路径
@CarstenLøvboAndersen 有没有办法解决这个问题？
Ofc 但是从这一点来说，我们很难指出，那部分基本上只有你自己能搞清楚

标签： javascript android jquery cordova phonegap

【解决方案1】：

要在设备上进行调试，请使用 android 设备，我个人使用 HTC M8，这允许您将 USB 连接到您的 PC，并使用 chrome 浏览器并使用 URL chrome://Inspect，您可以查看 html 和应用程序的脚本，就像您在 chrome 上使用调试工具一样。

*编辑我不是 100% 清楚您面临的问题，但请记住设备上的路由有时会有所不同，请确保您的图像路径正确。

例如，为了让我的图像在我需要使用的最新应用程序上运行

&lt;img src"~/Content/images/image1.png"&gt;

尝试添加 ~/ 后跟目录。

【讨论】：