69

Chrome Opening the “Console” panel of Chrome’s DevTools: Windows and Linux: Ctrl + Shift + J Mac OS: Cmd + Opt + J Note: In addition to the “Console” panel, there also exists a smaller slide-up console which can be toggled via Esc while any of the other panels is active. Full documentation Firefox Opening the “Console” panel in Firefox’s Developer ...


55

If you serve jQuery from a popular CDN such as Google's Hosted Libraries or cdnjs, it won't be redownloaded if your visitor has been on a site that referenced it from the same source (as long as the cached version has not expired). jQuery is a popular library, just as you say, but bundling it with the browser is not likely to happen for a few reasons: ...


29

Yes, all mainstream browsers "append a slash" to the HTTP request when requesting a bare domain URL (ie. the homepage). This is actually necessary in order to make the HTTP request valid, which for http://example.com/ is: GET / HTTP/1.1 Host: example.com Note the / (slash) in the first line - this is the URL being requested. It is not valid to have nothing ...


21

Not only is jQuery not the only popular JS library, a browser would potentially have to include multiple versions. The Google CDN currently lists: 42 versions of jQuery; 44 versions of jQuery UI; 6 versions of jQuery Mobile. It's better to allow web developers to define which version of a library to download based on their website's requirements. If you use ...


16

That depends on the device and version. The most common, particularly for less new devices is the Android Browser. Like Chrome, it is based on Webkit and identifies itself as: Mozilla/5.0 (Linux; U; Android x.x; Build/xx) AppleWebKit/530.17 (KHTML like Gecko) Version/4.0 Mobile Safari 530/17 Most recent - at least those from Google - devices use Chrome for ...


14

Because Microsoft Edge presents a User-Agent string that contains the word Chrome. And, for that matter, Safari. Check out http://whatsmyuseragent.com/ and you'll see something like this: (Emphasis mine) This is deliberate on Microsoft's behalf to fool naïve user-agent checks into thinking that it's not Internet Explorer. Which it isn't.


14

The browser is the engine it isn't the engine designer's duty to find out what kind of fuel and extra parts are you going to put into your car and include it for you. If they would do this browsers would be a huge bloatware because the next question will be "why just jQuery?", and we would end up maintaining dependency repositories. Also, will we include ...


14

The browser isn't looking for a file. It's just asking for a resource. The server then decides what that resource returns. At it's most basic level that "file" is literally just a file. In the case of the default index page of a directory how the server is set up will determine which files is returned. Some servers are configured by default to return index....


14

Your browsers doesn't load any file, it requests a resource which the server then provides at his discretion (lengthy elaboration below). If you type google.com into your browsers toolbar, the browser wil first append a protocol, either http:// or https. Then browser will look up the IP address belonging to google.com, which is 172.217.19.206. Your browser ...


12

Chrome and Safari send an X-Purpose: preview HTTP header when pre-fetching/rendering web content. [Source] Firefox sends a similar header called X-moz: prefetch. [Source] To block pre-fetching, you could return a 404 response when such headers are detected, as suggested by Peter Freitag in this blog post. He recommends adding these lines to .htaccess to ...


9

It will not use the browser default font. But rather it will use the default sans-serif font. Since the last font in the font stack is not a specific font. It is a generic name. Some browsers allow you to set it or it will default to the OS of the users computer. Reference URL: https://developer.mozilla.org/en-US/docs/Web/CSS/font-family


9

You have two approaches to this problem. The clean way is to set the headers returned for GET data.txt preventing the browser (or proxy) from storing the response in cache. Using apache, this can usually be done by adding a few lines in a .htaccess file. If this data.txt is a static file, this is the only way you could control the headers. From https://...


7

Google Chrome does not send any special headers to prerender requests anymore. See: https://code.google.com/p/chromium/issues/detail?id=86175 https://github.com/nickhsharp/prefetchNightmare


6

Be warned that Windows Vista implements the stupid parts of RFC3484 (i.e. the backporting from IPV6 to IPV4) and will prefer the IP address that shares most prefix bits with the user's IP address rather than picking one at random. Since most users have IP addresses that start with 192.168, that means whichever of your IP addresses happens to share most ...


6

"Is there a common way to override the server headers send to the browser from within the HTML document?" AFAIK no, you do what you can do already. The defined charset via Header trumps your definition in the META tag. If you have access to the server, e.g. Apache, it is configured by this statement (see the comment lines): # Read the documentation before ...


6

Digicert maintains pages for compatibility with certificate types: SAN certificate compatibility Wildcard certificate compatibility They note several server side compatibility problems with wildcard certificates but no client side problems. SAN certificates are problemic for some older browsers: Versions of major web browsers from before 2003. Older ...


6

will browsers recognize individual files as being the same as pre-cached ones, if they are served from different subdomains? No. Two identical files served from different locations are different files as far as the browser (cache) is concerned. The URL is the key by which the file is cached by the browser. As media1, media2 etc all serve the same files, ...


6

No. The href must point to an absolute URI. Relative is not allowed on a base element. This attribute specifies an absolute URI that acts as the base URI for resolving relative URIs. The HTML5 standard says, in reference to the href attribute of <base>: The document base URL of a Document object is the absolute URL


5

You can use Safari with select menu : Develope -> User Agents -> Iphone/iPod/ iPad to Simulate testing in iPhone/ iPod/ iPad device. In Firefox, you can add plugin FireMobileSimulator to simulate testing in some specific Japan mobile (Docomo, Softbank, ...)


5

There are up-to-date stats at http://gs.statcounter.com/ Just select "Screen resolution" from the stat dropdown. At the time of this writing, it seems that 1366 * 768 is the rage.


5

Openmeetings perfectly embeds into web sites


5

After the release of Barracuda Opera uses the <link rel=”icon”> or <link rel="apple-touch-icon"> meta in the site's header to find the logo, but it will only show in Opera if the attached image is wider than 114px. In stackoverflow's case the code looks like this:- <link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/...


5

Androids use the Android Browser as well as a few others that they can download. You can test your website on using an Android VM on your local machine. While for iPhone, iPad testing I recommend you get yourself these devices as there is no VM's available for these devices and the online emulators are not the real deal.


5

One way to prevent this is to use the POST/Redirect/GET pattern. Instead of directly sending a 200 after receiving the POST request, the server sends a 303 (or 302) redirect instead. The client follows it and gets (via GET) a 200 then. Refreshing this page repeats the last GET, not the previous POST. For implementation questions, see the Stack Overflow tag ...


5

Users almost never resize a window while using your site. It is often possible for the resizing itself to cause problems. This is especially the case when you use JavaScript to calculate and set some sizes when the window loads. Some frameworks rely on that technique and it makes resized-on-the-fly window look pretty broken. When you are testing you ...


4

You're conflating two seperate functions for two different audiences. Developers can use meta tags to force IE to render similarly to an older version:- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > Users can click the compatibility view button in the browser front end, which forces IE to render similarly to it's previous version e.g....


4

Yes or no. Your assumption is correct and that more resources can be loaded in parallel by the browser if they are served from multiple domains. There are two cases to consider though: Your server is not presently serving at maximum capacity: In this case more requests being served simultaneously is better. Visitors who's download bandwidth is not already ...


4

You should do the following to get an exact reason why your page never finishes loading: Do you call any 3rd party scripts on your page? If yes, then check if they respond properly. Check your website/server for viruses and hacks. Analyze your page here or here. Make sure that your server's drive space is not full; it must have some extra space available. ...


4

In my testing, Firefox 41 and Chrome 45 are affected; IE 11 and Safari 8 are not. I have not tested other versions of these browsers. Apparently, when one page opens another in a new window/tab, they have some limited ability to interact with one another; in the child window, this is via the window.opener JavaScript object. [See "reverse tabnapping".] ...


4

It will resort to the default font of the browser. In this case with the sans-serif specification it would look for the default sans-serif font. I think for Windows this font is Arial, and for Mac it's Helvetica (don't quote me on that, it's been a long time since I've looked). If no sans-serif font exists on the machine, the browser will switch over to its ...


Only top voted, non community-wiki answers of a minimum length are eligible