Emoji rendered in Chrome have different widths than in other browsers

I had the same issue, and found out that it happened on non-retina screens only. To fix it, we applied a margin through a media-query like this: <span class=”friends”><span class=”emoji”>👥</span> Friends</span> <style> @media not screen and (min-device-pixel-ratio: 2), not screen and (min-resolution: 192dpi) { span.emoji { margin-right: 5px; } } </style> This is a pretty … Read more

Why does Google Chrome sometimes warn that a downloaded PDF can harm your computer?

TL;DR: Chrome has a variety of client-side heuristics used to determine a file’s safety. I don’t believe there’s anything you can do to ensure that a file is marked “safe”, but I’ll point at some things that might help. A good amount of logic goes into determining whether or not that prompt should be shown. … Read more

Chrome “Unresponsive Page” false-positive (since Chrome 32)

I started getting this problem as well. In searching, I came accross this issue https://code.google.com/p/chromium/issues/detail?id=335248. As best I figured out, the bug is related to: Windows 7/8 with Aero Theme Scrollbars on pages (such as in the developer console) Pages with popups (in particular Window.open() calls) I guess they are slated to push the fix … Read more

Access to “media keys” from within a browser tab

As of Chrome 73, there’s explicit support for media keys, see https://developers.google.com/web/updates/2019/02/chrome-73-media-updates In summary, you can install an event handler with navigator.mediaSession.setActionHandler(‘previoustrack’, function() { // User hit “Previous Track” key. }); The document above gives a good overview. https://googlechrome.github.io/samples/media-session/ has example code and a demo. https://developer.mozilla.org/en-US/docs/Web/API/Media_Session_API has more detailed documentation.

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)