I'd love it if it would replace the IE listing, but that is sadly not possible (yet).

http://www.microsoft.com/en-us/windows/microsoft-edge

Safari 7+ has a different icon than the one displayed on the site. The current one is available at https://raw.githubusercontent.com/alrra/browser-logos/master/safari/safari.png:

Various logos are outdated, looks like they've been updated on the live site, but the repo here on github is not in sync with those changes.

Hi,

I'm struggling with website I created in Wordpress. The website is loading content differently after each reload on every page and browser. I contacted with theme support and they told me to delete all browser and Wordpress cache etc. It doesn't help at all.. I checked website on my friends computers and different browsers, cleared all cache and everywhere I checked website
Some of people I asked to check website is having trouble loading the website or a particular page of the website.

I'm just curious is this happening because website can't load css ?

https://czestochowa.us/

I really appreciate any help. THANKS !

An issue created as a spin-off from #24 (comment), by advice from @coffee2code:

BrowseHappy seems to be aimed mostly at regular users; I wonder if browser versions for rapid release browsers should be included at all. Once a browser goes into such a schema, its versions stop getting advertised and start getting treated as an internal technical detail meant mostly to developers & technically aware people.

Mozilla stopped advertising the Firefox version some time after switching to the rolling release schema (it's not mentioned anywhere at https://www.mozilla.org/firefox/), Opera did it as well once it joined the Chromium cycle; Chrome has always hidden its version, Edge does so as well (IE, which had a slower cycle, did show its version string to users, urging them to try version 8, 9, 10, in the end 11).

Most people won't even know when to find the version string for non-IE browsers.

The twitter 't' icon is used on the browsehappy site at the moment, Twitter stopped using that a few years ago. Please update to the twitter bird icon.

Probably something in those regular expressions stopped working with Wikipedia's current markup.

While the UI version is up in the 30's the platform version is the one folks should key off of and it's currently v14.

I wish there was internationalization, so that i could redirect non english speaking users to browserhappy.com without causing confusion.

I'm willing to provide a greek translation.

Tried in a few browsers, they will complain that the certificate is invalid. If you press ahead regardless, you get redirected to an error page.

the div for class="pluginButtonContainer" doesn't appear below Safari

Are there any plans to remove or at least asterisk Google Chrome when Web Environment Integrity goes live? What is Automattic's policy on a call to action that would attempt to steer users to something other than Google Chrome?

Update - I guess Safari, too, depending on how you read the intended application of Private Access Tokens? https://httptoolkit.com/blog/apple-private-access-tokens-attestation/

How can I run a local version of this? It seems to require some wordpress scaffolding around it, but it's not clear how best to set it up.

Safari is not released anymore for Windows!
Please, update translation correctly.

“Safari for Mac from Apple, the world’s most innovative browser.” in
"Safari per Mac da Apple, il browser più innovativo del mondo".

In reality descriptions are all messy and not right.

It seems like a lot of IE6 users are those who are on XP and unable/unwilling to upgrade. In this case, the best upgrade path available to them would be other browsers and not IE as IE9 is unsupported in Win XP and IE8 is definitely not a good enough browser to give them the best experience.

There are still a significant number of users on XP, so I think it would be a good idea to push them to upgrade to one of the alternatives available to them: Opera, Chrome, Firefox or Safari.

Hey there!

I wonder if there's a reason behind recommending the latest EdgeHTML version of Edge (last stable release in November 2019) instead of the new Blink version of Edge (last stable release April 2020). I'm happy to make the edits.

Thanks,
Katherine

At mildly-narrow browser widths, the browser cards wrap in an offcentered fashion:

The technique currently in use performs when the viewport width is such that only three or two items are supported on a line:

But would it be possible to:

• limit display of browsers to 6, 3, or 2 across (can't use CSS grid or flexbox for this, but fiddling with the container width or with display: inline-box and text centering may work)
• alternately, switch from a row of 6 browser to a column of 6 browsers below the breakpoint at which point is no longer possible to display 6 side-by-side, perhaps by switching from a vertical card layout to a horizontal layout

Commit where the fix was made b26ec56

Right now, when browsing the site in such a way that it detects a different locale (e.g. nl: Durch), it will display the site in Dutch automatically. Then it shows a notice on top asking (in Dutch) whether I want to switch to Dutch. The link in question points to /?locale=en and results in the user switching from the unconfirmed detected language having been used to English.

The way it appears to have been intended is that the page remains in English, and then the notice on top asks in the detected language to switch to that, and then have it switch to that.

Hi,

Some Turkic alphabets contain two variations of letter i. For example in Turkish and Azerbaijani, there are letters i and ı (notice the absence of dot on the latter). Their capital letters are different too. Capital letter for i is İ, rather than I because that is the capital letter for ı.

Browsers handle this issue well, when a lang attribute is set for the document. But on Browse Happy, capitalisation in browser names are not correct, see the image below:

Here, it should be MOZILLA FIREFOX, instead of MOZİLLA FİREFOX, and we have same issue with other browser names.

However, it is possible to solve this issue by setting a lang attribute for browser name h2 on this line:

<h2 lang="en"><?php echo $data->name; ?></h2>

See the result:

Here we have the correct capitalisation even when lang attribute for the document is set to tr_TR.

I think as all the browser names are in English hardcoding this wouldn't be a problem.

What do you think? Is there an alternative solution?

McAfee TrustedSource web reputation analysis found potential security risks with this site. Use with extreme caution.

• http://www.siteadvisor.com/sites/browsehappy.com
• http://www.siteadvisor.com/sites/www.browsehappy.com

Thanks to Cyber Sansar for letting us know.

Somehow the parsing logic in browsehappy's PHP code seems to add a dot if the input from Wikipedia is a round number (the template changed from 23.0 to 24).

Fixed it on Wikipedia for now, but in general this should be fixed on this side.

It would be nice if I there was an iFrame I could include on a page to emulate the "a better browser" notification. Could facilitate this somehow?

The point of Browse Happy is to encourage users to adopt up-to-date browsers that support modern web standards, for a better user and developer experience.

By putting IE11 next to the icons of all the other browsers it is creating the false impression it is an equivalent choice.

IE11 is a dead browser, Microsoft themselves are encouraging people to abandon it. Just because Microsoft will continue to provide security patches for corporate users does not mean it is being kept up to date with modern web standards or that it is a good browser for consumers to use by choice.

Sure, some people who don't use an up-to-date version of Windows can't upgrade to Edge, but frankly that's their problem. Even MS-DOS is still used in places in the world and it can't use any of the listed browsers. Besides, they can update to something other than Edge such as Firefox or Chrome.

Site is returning a 403 status when attempting to access the page using Internet Explorer 9.

It seems to be using the User-Agent to identify the browser so you can reproduce this issue by changing your User-Agent to something like Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/5.0)

browsehappy.com is inaccessible on Windows XP machines. This is because the HTTPS server is configured to only support the TLS 1.2 protocol, which is not compatible with Windows XP. Windows XP only supports up to TLS 1.0.

Many HTTPS websites still support TLS 1.0 precisely for this reason – for backwards compatibility, to continue serving traffic to Windows XP clients. For example Google and Facebook (see 'Protocols' under the 'Configuration' heading).

TLS 1.2 is the current, modern, recommended protocol to use. However the target audience of browsehappy.com is likely to be running old software (i.e. Windows XP) which doesn't support this modern cipher. I therefore think this should be taken into consideration, and TLS 1.0 support be added so that users of the oldest technology still have the opportunity to improve their browsing experience. (By installing Firefox on Windows XP, users will gain the ability to browse TLS 1.2 websites.)

There seems to be a clear and genuine user need for supporting the old TLS 1.0 protocol in this case. Alternatively, you should allow the website to be served over HTTP rather than forcing HTTPS.

See also #7 - Chrome version missing.

See also #11 – Firefox version formatting issue.

A few months ago this Wikipedia template edit in May 2016 changed the internal template to display "stable" and "preview" versions separately.

At the time, it did so by wrapping the "LSR" template (with takes the latest_release_version parameter, which BrowseHappy looks for in functions.php#L119). Later, another edit two weeks ago changed it to use the {{Multiple releases}} template instead of calling {{LSR}} twice. This one takes the stable version as parameter version1.

Wikipedia template markup is not an API. Aside from templates and internal syntax frequently changing and being fragile to parse externally, a lot of data is also moving away from infoboxes on Wikipedia entirely, in favour of dynamic querying of the Wikidata API.

It seems the Firefox article on the English Wikipedia does not yet use Wikidata as its data source, but nonetheless the data is concurrently being maintained and updated by Wikimedia contributors on Wikidata as well.

Here's how you'd query it from Wikidata (it uses Sparql, more about that in the Wikidata query manual):

SELECT ?version WHERE {
  wd:Q698 p:P348 [
    ps:P348 ?version;
    pq:P548 wd:Q12355314;
    wikibase:rank wikibase:PreferredRank
  ].
}

Explained:

• Mozilla Firefox (Item Q698)
• software versions (Property P348)
• version value (Property P348)
• version type (Property P548), stable version (Item Q12355314)
• current version (rank=PreferredRank)

Query Viewer: https://query.wikidata.org/#SELECT%20%3Fversion%20WHERE%20%7B%0A%20%20wd%3AQ698%20p%3AP348%20%5B%0A%20%20%20%20ps%3AP348%20%3Fversion%3B%0A%20%20%20%20pq%3AP548%20wd%3AQ12355314%3B%0A%20%20%20%20wikibase%3Arank%20wikibase%3APreferredRank%0A%20%20%5D.%0A%7D

JSON API: https://query.wikidata.org/sparql?format=json&query=SELECT%20%3Fversion%20WHERE%20%7B%0A%20%20wd%3AQ698%20p%3AP348%20%5B%0A%20%20%20%20ps%3AP348%20%3Fversion%3B%0A%20%20%20%20pq%3AP548%20wd%3AQ12355314%3B%0A%20%20%20%20wikibase%3Arank%20wikibase%3APreferredRank%0A%20%20%5D.%0A%7D

This could be fetched by BrowserHappy in PHP by using wp_remote_get and json_decode.

Is it possible to propose new visual themes for the website, purely by CSS modification?

I feel like the theme is getting old and it could use a touch-up. I'm up for creating an example but just wanted to confirm if it is at all possible to be merged into the project. Thanks for all the years of service!

When I visit the site with my language settings as:

Accept-Language:en-GB,en;q=0.8,en-US;q=0.6,de;q=0.4

I see the site in German with an English fallback option at the top. I assume that the site is preferring non-english languages if they're acceptable rather than parsing the q= parameters of my preferences.

The site should use the weightings in Accept-Language, I assume it's just checking for any (semi-random) acceptable one at the moment.

Hi,

the Browse Happy headline does not wrap correctly on small screens in other languages, breaking the responsive layout.

German example:

I'm currently seeing a 403 Forbidden Error when I visit the root URL

To reach multi-devices better, retrofit the site with responsive web design practices.

We cannot view google.com in China, and other browsers have dedicated Chinese websites.

Chrome: https://www.google.cn/chrome
Firefox: https://www.firefox.com.cn
Opera: http://www.oupeng.com

Hi, i'm a user from china and found the link for chrome(http://www.google.com/chromel) can not be visited.

Could you change it to "http://www.google.cn/chrome" ?

Thanks !

Hello, can you add Palemoon or at least stop complaining that it's insecure verion of Firefox?

https://www.palemoon.org/

Based on https://make.wordpress.org/core/2020/06/18/proposal-update-all-git-repositories-to-use-main-instead-of-master/ The default branch should be updated to trunk.

I'm not aware of how this is deployed and if it relies on the branch name. @coffee2code Any chance you can take care of that or let me know it's all clear?

If you someone else wants to do it, the steps I've been doing are:

1. Create trunk from master
2. on the settings/branches page, change the default
3. Update existing pull requests to point to trunk
4. Delete master with git push origin --delete master

I noticed that when browsing to http://browsehappy.com/ on an Android device it lists the same browsers as on OSX. This is weird because I can't, for example, install IE and Safari on Android.

By adding some sort of 'device/OS support', like: Android, iPhone, OSX, Windows, Linux..., this could be better understandable. And it's an easy fix instead of adding some kind of device detection.

The website https://browsehappy.com shows Firefox as version 9.06!

Google search results show Firefox as version 63

See screenshot

There is an issue in Safari browsers with the elements with an applied @font-face. The font-weight of said elements changes when one hovers over other elements on the page.

To reproduce the issue, simply open the page in Safari (I used Safari 8.0.1). Ensure that the footer is in view and hover over any of the “browser blocks” and you will observe the font-weights changing.

This seems to be due to Safari’s implementation of antialiasing. I have found the following to be the solution to this issue on some of my own pages in the past.

The fix involves add CSS rule to style.css.
Add "-webkit-font-smoothing: antialiased;" to CSS rule beginning on line 12.

They've both got newer, flatter icons... see:
https://raw.github.com/paulirish/browser-logos/master/main-desktop.png

Currently, Browse Happy doesn't use the official Internet Explorer logo.

Internet Explorer 9 - 11 logo

Hello,

Croatian (Latin) characters are missing from league-gothic font.

You should update TypeKits configuration to include all characters.

Currently, Browse Happy uses the oldChrome logo.

Current Chrome logo	Chrome logo for v11-48