Image not displaying in IE only

生来就可爱ヽ(ⅴ<●) 提交于 2020-01-24 20:47:27

问题


I have an image tag

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

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

Result

Fiddle link: https://jsfiddle.net/bheng/6z3u7dxm/

Chrome

IE

Console Error

Network Tab Result

How can I debug this?


回答1:


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.....

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"

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.

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.

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.



来源:https://stackoverflow.com/questions/43821587/image-not-displaying-in-ie-only

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!