Why does Visual Studio not always correctly display my page when debugging locally in fire fox 2.0x?

Question

When I debug locally in fire fox 2.0x many times, no styles will be added to my page, or the page will not be fully displayed (end seems to be disabled). Sometimes a patch requires several updates or a change-update. Is this a common problem, or is it just me? Any solutions?

I want to add that this also happens in fire fox 3.x for me. I am adding my javascript to pages dynamically and this may be part of the problem. This is when I work locally with Visual Studio.

Update: this happens in IE, but it happens much more often in Fire Fox. The problem is that javascript and CSS files are not loading. For example, I get jQuery not defined, $ not defined, etc. I don’t think I have local IIS to test this, but from the server it always works fine. Fire Bug shows all my css and javascript files for request and receive.

Answer 1

This could be a problem with the IPv6 and DNS browser of Firefox. This issue is known to slow Firefox at localhost: SOMEPORT. The effect will be that some external files will not load (css, js, etc.), which will lead to a partially displayed page.

You can solve this problem by simply disabling IPv6 in Firefox:

• Paste about:config into the Firefox address bar
• Set network.dns.disableIPv6 to true or alternatively add localhost to network.dns.ipv4OnlyDomains

Another way to fix this problem is to remove the ipv6 address from your hosts file this way: open the file

 C:\Windows\System32\drivers\etc\hosts 

(with administrator rights) and delete (or comment out #):

  :: localhost 

Answer 2

Make sure you narrow down the problem. Is there a problem when debugging with VS or is it happening with local IIS? With an IIS server? Does this happen to other developers in your company? Is it really just FireFox or does it happen with Chrome, Opera, IE, etc.

Assuming you've already worked all this out, I would suggest installing a FireFox plugin called "Tamper Data". Open it and refresh the page. You will see a record of each connection from the browser to the server (for each html file, image, css file, etc.). See if any of them are working or not completing (perhaps one of these files takes a long time, and FF waits for it to finish before loading other important files).

Assuming that all files are loaded correctly, you should consider checking the syntax (there may be some closed label or quotation mark causing FF confusion). I use a plugin called "Web Developer", but there are many other options.

You can also use a plugin called FireBug to view HTML pages behind different parts of the page to see if there are any noticeable issues. You start FireBug, go to the HTML tab, click Inpsect and hover over something on the page and it will show you the HTML code.

Answer 3

One thing to do is check the source of the page (s) in question. I assume that the local server that runs VS does not give you the whole page source. One way to verify this is to execute exactly the same code in a debugging environment, as well as from a "real" server, such as IIS 6. If the same behavior occurs when loading a page from both servers, and also provided that the full page source receives browser (s) then this is a bug in Firefox and should be submitted. This is especially true if other browsers, i.e. IE, Chrome, Safari, Opera, fully display the page.

Answer 4

Do you compare what you see in Firefox with what is displayed in the designer of Visual Studio? If so, then they use 2 different methods for rendering html and may not display the same.

Answer 5

Anything else like that?

I studied traffic using Firebug and it turned out that when sending a response from a stylesheet request, the answer is simply empty. After updating (sometimes several times) the age is displayed correctly, and the response information contains a stylesheet. I have not seen this in any other browser, and this only happens when viewing an application from Visual Studio.

Answer 6

2! I had the same issue recently. Im using MVC 1.0, and I added a new stylesheet to the Views / Share folder. And when I run the project, the page did not display along with css. If your web project is MVC, try putting the css file in the Content folder. Hope this help. HaiVu.Doan.

Answer 7

If someone else finds this with newer versions of Visual Studio, I have to start VS as an administrator. This is what I forgot to do, but as soon as I right-clicked on “Run as administrator” when opening VS, the problem disappeared.

The original problem, I could not get CSS for rendering when starting the project from VS 2012 using Firefox as a browser. (IE worked just fine, by the way.) The content will be there, but not CSS. This was the first post I found when I entered my question.