Skip to content

Missing Images or Blank Pages

Jump to bottom
sixcious edited this page Dec 29, 2024 · 8 revisions

By far, the most common problem you'll run across is when image thumbnails or video previews aren't loading in the appended pages. You may also not see anything (a blank or empty page). This will usually only happen when the Append Mode is either Page or Element.

There's three ways to deal with this problem (from easiest to hardest):

  1. Use the Iframe or Element Iframe Append Modes (Recommended)
  2. Fix Lazy Loading
  3. Custom Scripts and Styles

Just Note: Any of the changes you make will only take effect on the next page that is appended after you click the ACCEPT Button. You can Save the URL so that Infy will auto-activate with the setting on the next time you reload the page.

Iframe and Element Iframe Append Modes (Recommended)

The easiest option to try is to change the Append Mode to Iframe or by checking the Element Iframe setting (if you are already on the Element append mode). This will force each appended page to run its scripts and styles in an isolated environment and set the images. If that fixes it, you can then Save the URL so it will auto-activate in Iframe mode the next time you visit.

Important note about iframes

Some websites may disallow iframes from loading, in which case you'll also need to install an app or extension that can allow the iframes to load, such as Xframey.

Fix Lazy Loading

The Scripts and Styles settings can help fix missing images and broken HTML. Click the </> Button in the bottom-right corner of Infy's Window to access these settings.

The Fix lazily loaded images and media (Automatically or Manually) setting lets you manually fix the lazy loading of images. Here's the basic process:

  1. Open DevTools
  2. Inspect the image (img) elements. Are there data attributes that appear to contain the actual src of the media?
  3. If so, set the manual lazy loading src with the attribute. If it's not an image element, the site may be using background images in which case Infy can still try and fix the issue.

Custom Scripts and Styles

This is more for advanced users, but if you know what needs to be fixed from a code perspective, you could write a custom script or style that fixes the issue. This is covered in the Scripts and Styles section.

Clone this wiki locally