X
Tap here to go to the mobile version of the site.

Support Forum

In an iFrame, content loads only after a refresh

Posted

I have this website www.paidly.co In it, there is an iFrame. Now this loads perfectly fine in Chrome, and IE but in Firefox only the html content is shown, without any CSS or JS applied. On reloading the frame, I randomly get the entire loaded document sometimes and at other times it is not so. The code for the iframe looks like this:

<iframe class="iphone-content" src="Mobile/main.html"> </iframe>

The page that is being called is this:

<!doctype html>
<html>
<head>
    <title>Paidly</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body> ... </body>
</html>
I have this website www.paidly.co In it, there is an iFrame. Now this loads perfectly fine in Chrome, and IE but in Firefox only the html content is shown, without any CSS or JS applied. On reloading the frame, I randomly get the entire loaded document sometimes and at other times it is not so. The code for the iframe looks like this:<br /> <pre><nowiki><iframe class="iphone-content" src="Mobile/main.html"> </iframe></nowiki></pre> The page that is being called is this: <pre><nowiki><!doctype html> <html> <head> <title>Paidly</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> </head> <body> ... </body> </html></nowiki></pre>

Modified by cor-el

Additional System Details

Installed Plug-ins

  • Google Talk Plugin Video Accelerator version:0.1.44.29
  • Version 4.5.3.14917
  • Shockwave Flash 11.8 r800
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Next Generation Java Plug-in 10.25.2 for Mozilla browsers
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Google Update
  • The plugin allows you to have a better experience with Microsoft Lync
  • VLC media player Web Plugin 2.0.6
  • 5.1.20513.0
  • Adobe PDF Plug-In For Firefox and Netscape 11.0.03
  • iTunes Detector Plug-in
  • Facebook Video Calling Plugin
  • Adobe Shockwave for Director Netscape plug-in, version 11.6.8.638
  • The plugin allows you to have a better experience with Microsoft SharePoint

Application

  • Firefox 23.0.1
  • User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:23.0) Gecko/20100101 Firefox/23.0
  • Support URL: http://support.mozilla.org/1/firefox/23.0.1/WINNT/en-US/

Extensions

  • Firebug 1.12.1 (firebug@software.joehewitt.com)
  • Free Download Manager plugin 1.5.8 (fdm_ffext@freedownloadmanager.org)
  • Troubleshooter 1.1a (troubleshooter@mozilla.org)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription: Intel(R) HD Graphics 4000
  • adapterDescription2:
  • adapterDeviceID: 0x0166
  • adapterDeviceID2:
  • adapterDrivers: igdumd64 igd10umd64 igd10umd64 igdumd32 igd10umd32 igd10umd32
  • adapterDrivers2:
  • adapterRAM: Unknown
  • adapterRAM2:
  • adapterVendorID: 0x8086
  • adapterVendorID2:
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 6.2.9200.16581
  • driverDate: 12-12-2012
  • driverDate2:
  • driverVersion: 9.17.10.2932
  • driverVersion2:
  • info: {u'AzureContentBackend': u'direct2d', u'AzureCanvasBackend': u'direct2d', u'AzureFallbackCanvasBackend': u'cairo'}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • webglRenderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 4000)
  • windowLayerManagerType: Direct3D 10

Modified Preferences

  • accessibility.typeaheadfind.flashBar: 0
  • browser.cache.disk.capacity: 358400
  • browser.cache.disk.smart_size.first_run: False
  • browser.cache.disk.smart_size.use_old_max: False
  • browser.cache.disk.smart_size_cached_value: 358400
  • browser.places.smartBookmarksVersion: 4
  • browser.startup.homepage_override.buildID: 20130814063812
  • browser.startup.homepage_override.mstone: 23.0.1
  • dom.mozApps.used: True
  • dom.w3c_touch_events.expose: False
  • extensions.lastAppVersion: 23.0.1
  • gfx.direct3d.last_used_feature_level_idx: 0
  • gfx.direct3d.prefer_10_1: True
  • network.cookie.prefsMigrated: True
  • places.database.lastMaintenance: 1378411682
  • places.history.expiration.transient_current_max_pages: 104710
  • plugin.disable_full_page_plugin_for_types: application/pdf
  • plugin.importedState: True
  • privacy.sanitize.migrateFx3Prefs: True
  • privacy.sanitize.timeSpan: 0
  • storage.vacuum.last.index: 1
  • storage.vacuum.last.places.sqlite: 1377259408

Misc

  • User JS: No
  • Accessibility: No
Wesley Branton
  • Top 10 Contributor
555 solutions 4791 answers

Many site issues can be caused by corrupt cookies or cache. In order to try to fix these problems, the first step is to clear both cookies and the cache. Note: This will temporarily log you out of all sites you're logged in to. To clear cache and cookies do the following:

  1. Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history.
  2. Under "Time range to clear", select "Everything".
  3. Now, click the arrow next to Details to toggle the Details list active.
  4. From the details list, check Cache and Cookies and uncheck everything else.
  5. Now click the Clear now button.

Further information can be found in the Clear your cache, history and other personal information in Firefox article.

Please report back soon.

Many site issues can be caused by corrupt cookies or cache. In order to try to fix these problems, the first step is to clear both cookies and the cache. Note: ''This will temporarily log you out of all sites you're logged in to.'' To clear cache and cookies do the following: #Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history. #Under "Time range to clear", select "Everything". #Now, click the arrow next to Details to toggle the Details list active. #From the details list, check ''Cache'' and ''Cookies'' and uncheck everything else. #Now click the ''Clear now'' button. Further information can be found in the [[Clear your cache, history and other personal information in Firefox]] article. Please report back soon.

Helpful Reply

Sir, the problem is not with the cache or cookies. I have tried this in 4 different browsers, and also with the cache cleared. The problem persists.

Sir, the problem is not with the cache or cookies. I have tried this in 4 different browsers, and also with the cache cleared. The problem persists.
Wesley Branton
  • Top 10 Contributor
555 solutions 4791 answers

There is no need to call me sir.

If the page that you are trying to load is using HTML5, this could be an issue.

Firefox has some HTML5 compatibility issues.

To take a test to see what Firefox can do, take the HTML5 Test.

There is no need to call me sir. If the page that you are trying to load is using HTML5, this could be an issue. Firefox has some HTML5 compatibility issues. To take a test to see what Firefox can do, take the [http://html5test.com/ HTML5 Test].

Question owner

Seeing the website, did you get any ideas as to what can be done to sort this problem?

Seeing the website, did you get any ideas as to what can be done to sort this problem?
jscher2000
  • Top 10 Contributor
8516 solutions 69567 answers

I see what you mean: Firefox 23.0.1 isn't loading the CSS in the iframe when it loads the document, and possibly not loading the scripts either. I don't think it's a security issue, since reloading the frame once it is visible works.

This could be related to an optimization to speed loading of hidden elements. I tried searching in Bugzilla but wasn't able to craft a query to track down something like that.

Did you get different results in an earlier version of Firefox?

Edit: I shouldn't rule out security so quickly, in that different rules might apply to third party CSS and JS in hidden frames than first party content in hidden frames.

I see what you mean: Firefox 23.0.1 isn't loading the CSS in the iframe when it loads the document, and possibly not loading the scripts either. I don't think it's a security issue, since reloading the frame once it is visible works. This could be related to an optimization to speed loading of hidden elements. I tried searching in Bugzilla but wasn't able to craft a query to track down something like that. Did you get different results in an earlier version of Firefox? ''Edit: I shouldn't rule out security so quickly, in that different rules might apply to third party CSS and JS in hidden frames than first party content in hidden frames.''

Modified by jscher2000

cor-el
  • Top 10 Contributor
  • Moderator
17277 solutions 156165 answers

Helpful Reply

I need to right-click in the frame and choose Reload Frame to make the frame display properly.
Maybe it is because the frame is hidden that Firefox isn't loading the CSS and JS files.

I need to right-click in the frame and choose Reload Frame to make the frame display properly.<br /> Maybe it is because the frame is hidden that Firefox isn't loading the CSS and JS files.
flyguy 0 solutions 1 answers

If your Iframe calls for ad tracking your antivirus program might be blocking them. Avast does that with Web Rep. Green A near top of screen. It may not be installed in other browsers.

If your Iframe calls for ad tracking your antivirus program might be blocking them. Avast does that with Web Rep. Green A near top of screen. It may not be installed in other browsers.
David (satdav) 4 solutions 42 answers

Hello this might also be a issue with Java as I had that issue also

Hello this might also be a issue with Java as I had that issue also