IE8 crashes when you click on a link to already visited page

Design help General
1

Hi All,

We are currently updating our site using Webflow and it works well in all browsers except IE8 (which seems quite temperamental reading the forums). Originally IE8 kept forcing the page to “Compatibility mode” and I have got around that by inserting the following into the .htaccess:

Header set X-UA-Compatible "IE=edge"

Now the site loads fine in IE8 the first time for each page. What I mean is that if you open the page you can click on each page once and they all load fine. If you then click on a link (either NAVLINK or any text url link) for a page that has already been visited once, IE8 will crash.

Check it out on a non production server of ours www.fifohub.com.

I read up about the various HTML5shiv etc (I do know Webflow uses Modernizr already) and added the following code to the <HEAD> section :

<script src="/js/jquery-1.11.3.js"></script>
<!--[if lt IE 9]>
  <script src="/js/selectivizr.js"></script>
  <script src="/js/selectivizr-min.js"></script>
  <script src="/js/html5shiv.min.js"></script>
  <script src="/js/html5shiv.js"></script>
  <script src="/js/respond.min.js"></script>
<![endif]-->

I inserted this after the CSS: <link rel="stylesheet" type="text/css" href="css/proceduresync22105634.webflow.css">

I was wondering if anyone can assist in rectifying why the site loads correctly the first time a page is viewed, but upon returning to an already view one it crashes in IE8?

Thank you very much for any assistance.

Kind regards,
Joel

2

Hi Joel ! Sorry to hear that there is problems with the site. The first thing to check, is what errors if any exist on the page in the browser console. When clicking from the home page to the features page on your server, I see a major error with the jQuery that should be fixed first.

1970×736 118 KB

After fixing that, then the site checking could continue.

3

Hi,

Sorry about that. The javascript is now definitely on the server - the error still occurs unfortunately.

4

Hi @JKPerth, thanks for the update ! I checked the page and that error is gone, so that is good :slight_smile: I did check on IE8 running Windows 7 and I was able to see the issue with the browser crashing. It happens for me though, when the browser first opens up, without clicking anything.

Are you able to reproduce the error on the site when published within Webflow? I was looking to see if there is a webflow.io subdomain published somewhere to check if IE8 has the same issue as hosted on your own server.

The other thing you might try, is to put the line that loads jquery 1.11.3, in the Footer, after the Webflow jQuery loads to see if you have the same issue.

5

Hi Dave,

You are correct. I published it to http://proceduresync22105634.webflow.io/ and it works fine in IE8 on BrowserStack.

I might go ahead and load it to our domain (hosted with Crucial) later today and see if it functions fine there. Any thoughts as to why the problem would occur?

I really appreciate your help too mate. Cheers for that

6

Hi @JKPerth, my guess is that maybe there is something about the .htaccess directive you added that is causing the server to send an invalid instruction. Are you by chance using IIS webserver, or are you running some apache server?

I would test to see what happens if you remove that .htaccess directive

I would also check what happens if you remove the reference to any non-webflow script on the external server. The main goal here is to isolate what precise change between the time the site is exported, and when the site is loaded on your server.

I would also try to export the site direct from webflow, with no modifications and upload that to your external server and see how that runs.

Some more things to check. I know it is frustrating to find those, sometimes most everything need to be checked.

2 Likes
7

Hi Dave,

I have tried removing the .htaccess and have loaded the exact export from Webflow to our server into a new test folder www.proceduresync.com/ie8test.

Everything appears to be working now. I would say it was to do with the .htaccess file causing the error.

I will load the site live on our server later and let you know if I have any issues.

Thanks heaps for your help

1 Like
8

Hi Dave,

Just been going over things and I have worked out the first few things we did that may have caused the .htaccess drama to start with. Thought I would post it here in case it helps someone in the future. As stated above, doing the clean install of untouched code from Webflow along with removing the .htaccess file fixed the IE8 issue.

Here was our .htaccess file with explanations in {}:

Header set X-UA-Compatible "IE=edge"  {This was added to fix the IE8 compatibility issue}

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^(.*)$ $1.html      {This four lines was added to remove the ".html" from the URL}

ErrorDocument 404 /404.html  {These were added to redirect to our custom 404 page}
DirectoryIndex index.html

Within the above code, is there anything that sticks out as to why it caused the issue?

Thanks again for your help.

9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.