图像不只在IE中显示 [英] Image not displaying in IE only

问题描述

我有一个图片标签

<img src="https://biossantibodies.com/image-raw/4449.jpeg">

在Chrome/Firefox/Safari中正确显示的位置，但在IE中不能正确显示.

Where it displays properly in Chrome/Firefox/Safari, but not IE.

小提琴链接: https://jsfiddle.net/bheng/6z3u7dxm/

我该如何调试呢?

推荐答案

设置IE调试器以记录控制台消息中被阻止和不安全的内容...工具> Internet选项>高级选项卡，选中始终记录开发者控制台消息" .保存更改...现在，当您打开开发工具时，它将列出所有(否则)禁止显示的标记以及被阻止的内容警告和消息.....

set up the IE debugger to record console messages for blocked and insecure content... Tools>Internet Options>Advanced tab, check "Always record developer console messages". Save changes... now when you open the dev tool it will list any (otherwise) suppressed markup and blocked content warnings and messages.....

在上面配置Internet选项时，还请确保将IE安全区域设置恢复为出厂/公司默认值... Internet选项的安全"选项卡，单击将所有区域重置为默认值".可以在"Internet选项"的多媒体"部分的高级"选项卡上和"Internet选项"的高级"选项卡的安全性"部分中找到多媒体和图像(元素)的设置，例如:用其他混合内容阻止不安全的图像"

While you are configuring Internet OPtions above, also make sure that your IE security zone settings are restored to the factory/company defaults... Security tab of Internet Options, click "Reset all zones to default". Settings for Multimedia and images ( elements) can be found on the Advanced tab of Internet Options Multimedia section and in the Security section on the Advanced tab of Internet Options, re: "Block unsecured images with other mixed content"

要查找域映射到哪个IE安全区域，请在访问域时从IE ...中选择文件">属性"菜单.它列出了域映射到的IE安全区域....如果您已将该域放置在受信任的站点，Intranet或受限制的站点"列表中，请将其删除....其他浏览器不使用IE安全区域模型(按站点的安全性).../应将可公开访问的站点设计为可以工作在网络浏览器中运行即可在浏览器的默认安全区域/设置中使用.

To find out which IE security zone a domain is mapped to, when visiting the domain, select the File>Properties menu from IE.... it lists the IE security zone that the domain is mapped to.... If you have placed the domain in your Trusted, Intranet or Restricted sites list, remove it.... other browsers do not use the IE Security zone model (security by per site)... publicly accessible sites are/should be designed to work in web browsers to work in the browsers' default security zone/settings.

您还应该注意ActiveX筛选和跟踪保护的站点特定设置...您可以从IE中的工具"菜单打开/关闭这些功能.

You should also note the site specific settings for ActiveX filtering and Tracking Protection... you can turn those features on/off from the Tools menu in IE.

要在网络"选项卡上列出请求和响应，请将开发工具固定到浏览器选项卡，然后单击网络"选项卡上的开始"按钮，然后将按钮(看起来像软盘)设置为始终从服务器刷新" .....而无需关闭开发工具.

To list the request and responses on the Networking tab, pin the dev tool to your browser tab, then click the Start button on the networking tab, and the button (looks like a floppy disk) to "Always refresh from server"..... without closing the dev tool.

重要的是，当在1.调试页面上将调试选项卡配置为对所有异常都破坏" ....时，请从下拉菜单中选择对所有异常都破坏".就像一个停车标志). 2.开发工具必须在调试时处于打开状态，因此请将其固定在要调试的选项卡的底部.

It is important that when debugging scripts on web pages that 1. you have configured the debug tab to "Break on all exceptions".... on the debug tab, select "Break on all exceptions" from the dropdown (looks like a Stop sign). 2. The dev tool MUST be open while you are debugging, so pin it to the bottom of the tab you are debugging.

这篇关于图像不只在IE中显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！