Yii2: Why is bootstrap.css loaded multiple times in Firefox? - css

When I call the pages of my Yii 2 web application in Firefox bootstrap.css and bootstrap.css.map gets loaded six times with each request. In Chrome and Opera this doesn't happen.
On Fedora 20 with Firefox 33.1 and Yii 2.0.1. Server is on the same machine: Apache 2.4.10 with PHP 5.5.18.
What could be the reason? I have also Phusion_Passenger 4.0.42 installed. Could this cause the problem (but only with Firefox?)?

This seems to has something to do with the web development tools of Firefox. With Firebug the file is loaded only once, like it should be, but only as long as the Network monitor (or is it called Network analysis in English? In German it is Netzwerkanalyse) of Firefox is not opened at the same time! As soon as the network monitor is opened too, Firebug shows the reloading of the same file as well.
I don't know if it is a bug or if it is a (required) side effect.
I've found this behavior with different Firefox instances (not only one like I've stated in the question comments first).

Related

SASS bug with compilation

I'm new in StackOverflow and I'm a beginner in web development thank advance for your comprehension.
I have problem with SASS
it tells me well in my terminal that it compiles my code on my main.css but this shows me the result only a few times on my browser (Firefox and I cleaned his caches).
I use the terminal of VSCode (Windows Powershell) I have SASS with node.js and local server with WAMP.
I find it hard to understand my other projects I did not have this problem.
Know what I can do to fix this?
You can find my code on GitHub and a video to show you the problem.
Thank you and have a good day!
Code of my project on GitHub: https://github.com/ValentinBnmr/Semaine_Inter
Video:https://youtu.be/dV_FcwNwwcY
PS: Sorry for my poor English.
First of all, check if the value actually changes within the compiled css file. Since your Sass compiler tells you that it compiled everything successfully, it should then be changed within your css file.
It is most likely your browser's cache. Clearing it once has no effect on later reloads as seen in your video. You can set your browser (both Firefox and Chrome) to deactivate Cache while developer tools are open.
Chrome: open DevTools [Ctrl Shift i], open its settings (either hit [F1] or open via DevTools menu), under "Network" check the box at "Disable cache (while DevTools is open)
Firefox: open Web Developer toolbox [Ctrl Shift i], open its settings (same with Chrome), under "Advanced Settings" check the box at "Disable HTTP Cache (when toolbox is open)"
Whenever you load a site with those tools open (as it should be when doing stuff like this) you will never run into cache issues anymore.

CSS stylesheet not updated in browser with DJango+Apache+Firefox on VirtualBox Ubuntu Guest

I am having a problem with css stylesheets for a Django app that I am working on using a VirtualBox VM running Ubuntu 14.04. Everything appears to work fine, but when I change the contents of a stylesheet, the Firefox Style Inspector shows that the correct stylesheet is being used, but the changes are not there.
I have researched this online and have cleared the firefox cache multiple times, have installed an add-on that provides a button to clear the cache to make this easier, and have set firefox not to remember any history, but even if I close the browser and restart Apache, it still shows that it is using the old version of the stylesheet, even though it no longer exists. Even if I shut the VM down and restart it the problem persists.
There must be a cached copy of the stylesheet somewhere, but I cannot figure out where it is, or how to force the use of the current version.
I did find a reference to something similar with nginx (nginx on VirtualBox Ubuntu guest serves stale content) but it didn't shed any light on my situation.
There are no apparent errors showing in any of the developer tools windows and the app is otherwise working exactly as intended.
If anyone can help with this I would be truly grateful.
You should run the manage.py collectstatic command to copy CSS stylesheet into the web directory.

SCORM (flash Player Content) not working on Windows Server 2012 R2 which has IE11 integrated installed on it

I have website which contains SCORM package, installed on Windows Server 2012 R2 which has IE11 installed on it. Flash Player is also embedded with IE.
IE Version: 11.0.9600.17278.
Updated Version: 11.0.12 (KB2977629)
When I launch SCORM (flash Player Content) from my application, it is not working. It just displays a blank page however the Title of IE is set to the text from the SCORM content.
However if I access the same URL from any other machine which has previous version of Windows OS (i.e. previous to Windows 8 OS), it is working as expected on IE9, IE10 and IE11.
While trying to find out the cause, I came across some forum which says we have to install the “Desktop Experience” on the server to enable the inbuilt flash player. After doing that also, My SCORM contents are not getting displayed.
To find out more details, I have uploaded the SCORM Package on SCORM Cloud to check if it is working there. Here again the same problem, it doesn’t work and displays error message saying that “Member is not found” and when I tried to find out the location of the error then it is coming at windows.document.myflash.SetVariable(…) method on the Windows Server 2012 R2 with IE11.
When I performed “Addwatch”, it is saying that windows.document.myflash doesn’t have SetVariable(…) method.
However if access the same cloud URL from other machine (Having OS previous to Windows 8 OS), it is working as expected.
Any help would be appreciated.
Thanks.
Windows Server has probably a restricted Internet Explorer installed (this is an addon for IE that restricts the kind of content that can be run from a web page).
If this is disabling flash content, you will have to uninstall the addon.
You could check if any other flash based page is working, e.g. Youtube to confirm that Flash is disabled.
I found the cause and the solution for the same.
Actually it was throwing an javascript error which was expecting "StudentName" and "StudentID" property which I haven't set. However even though I was not setting these parameter, it was working on other versions of IE.
After setting these parameters, it is working now.
Thanks for all suggestions.

CSS and Button issue occurs only in IE7 and Windows Server 2008

I have a CSS issue that appears to only be reproducable when viewing the webpage in IE7 on a Windows 2008 web server. The issue does not occur when viewing the page on my dev version of the website (which is a widnows 7 environment). Note: the windows 2008 server and dev code (and database data) are the same.
The problem is when a popup is displayed, one of the buttons poistion is not updated (actually, the image for the button is not updated, the button itself has moved but is not displayed as such). This kind of problem is usually straight forward to fix because you can inspect the elements in IE9, but in this case you can't see the HTML that is output and you cannot select the elements in the popup. I cannot reproduce this on my dev machnine and cannot inspect the button element in the browser as you usually would be able to.
Are there any known issues that can be caused simply by websites being hosted on certain versions of windows server? (I can't think of anything else that's different beteween dev environment and the server)
I have researched on the internet but there seems to be very little regarding this specific issue. The best guess I have is that it may be caused by something being used by the site called PIE.htc and it may be one of the issues listed here: [http://css3pie.com/documentation/known-issues/][1]
[1]: http://css3pie.com/documentation/known-issues/ but this is a long shot and I have no way of verifying whether this is the case because the code must first be deployed to the 2008 server (I cannot reproduce it in dev environment and cannot inspect elements)
I cannot think what else could be causing this issue so any any suggestions will be very much appreciated.

CSS Works In IE8 With Linux/Apache2.0/PHP4 But Not With Windows/IIS7/PHP5

I just changed from a linux/apache2.0/php4 web server to a windows/iis7/php5 web server (I only post php versions since that was a significant change).
My css is working just fine on the linux one (http://66.119.8.165/flcunderconstruction.php) but it isn't working on the windows one (http://66.119.8.236/flcunderconstruction.php).
Now, the issue only seems to be applicable to internet explorer 8 (maybe older, but I'm not testing those). Firefox and internet explorer 9 work just fine.
I think I've ruled out php issues as I created a non-php version (http://66.119.8.236/flcunderconstruction.html) and the issue persists.
I'm assuming the problem is in the css (which is quite large and throws up a lot of validation errors). But since it only occurs on the windows server and with ie8, I'm hesitant to start whacking away at the code.
Any ideas?
JJ
The broken version stops loading when it hits /include/html5.js. You only see this on IE8 because later versions handle the HTML5 stuff just fine without the polyfill.
Missing: http://66.119.8.236/include/html5.js
Present: http://66.119.8.165/include/html5.js
To test this, press F12 to open up the Developer Tools. Switch your Browser Mode to IE8. Jump over to your Network tab and press "Start Capturing". Perform a hard refresh (CTRL+F5), and watch as the files begin loading in. You'll note the 404 when it gets to the HTML5 polyfill. (Image below)
Using Fiddler2, I set up and Auto Responder to automatically add the HTML5 file from my local machine in the place of your missing file. Refreshing the request resulted in the entire site loading as expected in IE8. Put your polyfill on the other server, and you should be set.

Resources