为什么我的下拉菜单可以离线工作，但不能在我的服务器上工作？答案

【问题标题】：Why is my drop down menu working offline but not on my server?为什么我的下拉菜单可以离线工作，但不能在我的服务器上工作？
【发布时间】：2019-10-23 05:00:29
【问题描述】：

所以如果你去here 并点击联系人，它应该显示谷歌地图，但由于某种原因它没有。

奇怪的是，如果我打开contact.html文件，它可以正常工作，所以它只是在网站上不起作用。

如果有人知道如何解决这个问题，我会很乐意帮助！

【问题讨论】：

为什么说网站不安全，黑客可能试图窃取我的个人信息？另外，你的代码在哪里？是在这个明显可疑的网站上吗？
这是因为它是一个 .xyz 域。我可以将其移至我的 .tech 域，如果您不信任它，则不应发出警告。我认为对于回答的人来说，最好只使用查看源代码查看源代码，因为我正在使用引导程序，所以这不是我正在使用的代码。希望这是有道理的。
那里，我将其更改为我的 .tech 域，请让我知道这是否仍然发出警告，因为它不应该发出警告。

标签： java jquery html css bootstrap-4

【解决方案1】：

这个错误：

Mixed Content: The page at 'https://www.leeshewan.tech/contact.html' was loaded over HTTPS, but requested an insecure resource 'http://maps.google.com/maps?hl=en&ie=UTF8&ll=37.0625,-95.677068&spn=56.506174,79.013672&t=m&z=4&output=embed'. This request has been blocked; the content must be served over HTTPS.

我认为您必须通过 https 提供地图。以某种方式改变它:)

在代码中的某处更改网址：

http://maps.google.com/maps?hl=en&ie=UTF8&ll=37.0625,-95.677068&spn=56.506174,79.013672&t=m&z=4&output=embed

进入

https://maps.google.com/maps?hl=en&ie=UTF8&ll=37.0625,-95.677068&spn=56.506174,79.013672&t=m&z=4&output=embed

希望能帮到你

【讨论】：

【解决方案2】：

除了混合内容问题之外，您似乎没有正确包含您的 jquery 路径。请注意，此 URL 不可访问：https://www.leeshewan.tech/vendor/jquery/jquery.min.js

jquery 文件在您的索引页中被引用为vendor/jquery/jquery.min.js。请记住将该文件上传到您的服务器，使用与索引文件相同的相对路径，否则页面将中断（例如，滑块已损坏）。

您应该使用网络浏览器的Developer Tools 来查看语法问题、javascript 错误和网络请求。这将极大地帮助调试您的 Web 应用程序。

【讨论】：