• Support for ResizeObservers, will notify youwhen an element’s content rectangle has changed its size.
• Modules can now access to host specific metadata withimport.meta.
• The pop-up blocker gets strong.
• window.alert() no longer changes focus.

And there’s plenty more!

Adblock Plus 3.4.2 for Chrome, Firefox and Opera released 45 days ago by Dave Barker. Install Adblock Plus 3.4.2 for Chrome Install Adblock Plus 3.4.2 for Firefox Install Adblock Plus 3.4.2 for Opera. Fixed the “Waiting for Extension Adblock Plus” problem which some users were experiencing.

I’m Pete LePage. Let’s dive in and see what’s new for developers in Chrome 64!

ResizeObserver

Tracking when an element’s size changes can be a bit of a pain. Most likely,you’ll attach a listener to the document’s resize event, then callgetBoundingClientRect or getComputedStyle. But, both of those can causelayout thrashing.

And what if the browser window didn’t change size, but a new element was addedto the document? Or you added display: none to an element? Both of thosecan change the size of other elements within the page.

ResizeObserver notifies you whenever an element’s size changes, andprovides the new height and width of the element, reducing the risk oflayout thrashing.

Like other Observers, using it is pretty simple, create a ResizeObserverobject and pass a callback to the constructor. The callback will be givenan array of ResizeOberverEntries – one entry per observed element – whichcontain the new dimensions for the element.

Check out ResizeObserver: It's like document.onresize forElements for more details and realworld examples.

Improved Pop-up Blocker

I hate tab-unders. You know them, it’s when a page opens a pop-up to somedestination AND navigates the page. Usually one of them is an ad orsomething that you didn’t want.

Starting in Chrome 64, these type of navigations will be blocked, and Chromewill show some native UI to the user - allowing them to follow the redirectif they want.

import.meta

When writing JavaScript modules, you often want access to host-specificmetadata about the current module. Chrome 64 now supports the import.metaproperty within modules and exposes the URL for the module asimport.meta.url.

This is really helpful when you want to resolve resources relative to themodule file as opposed to the current HTML document.

And more!

These are just a few of the changes in Chrome 64 for developers, of course,there’s plenty more.

• Chrome now supportsnamed capturesand Unicode propertyescapesin regular expressions.
• The default preload value for <audio> and <video> elements is nowmetadata. This brings Chrome in line with other browsers and helps toreduce bandwidth and resource usage by only loading the metadata and not themedia itself.
• You can now use Request.prototype.cache to view the cache mode of aRequest and determine whether a request is a reload request.
• Using the Focus Management API, you can now focus an element withoutscrolling to it with the preventScroll attribute.

window.alert()

Oh, and one more! While this isn’t really a ‘developer feature’, it makesme happy. window.alert() no longer brings a background tab to theforeground! Instead, the alert will be shown when the user switches to backto that tab.

No more random tab switching because something fired a window.alert on me.I’m looking at you old Google Calendar.

Be sure to subscribe to ourYouTube channel, andyou’ll get an email notification whenever we launch a new video, or add ourRSS feed to your feed reader.

I’m Pete LePage, and as soon as Chrome 65 is released, I’ll be righthere to tell you -- what’s new in Chrome!

rss_feed Subscribe to our RSS or Atom feed and get the latest updates in your favorite feed reader!

Mozilla Firefox is a fast, light and tidy open source web browser. At its public launch in 2004 Mozilla Firefox was the first browser to challenge Microsoft Internet Explorer’s dominance. Since then, Mozilla Firefox has consistently featured in the top 3 most popular browsers globally. The key features that have made Mozilla Firefox so popular are the simple and effective UI, browser speed and strong security capabilities. The browser is particularly popular with developers thanks to its open source development and active community of advanced users.

Easier Browsing

Mozilla put of a lot of resources into creating a simple but effective UI aimed at making browsing quicker and easier. They created the tab structure that has been adopted by most other browsers. In recent years Mozilla has also focused on maximizing browsing area by simplifying toolbar controls to just a Mozilla Firefox button (which contains settings and options) and back/forward buttons. The URL box features direct Google searching as well as an auto predict/history feature called Awesome Bar. On the right side of the URL box there are bookmarking, history and refresh buttons. To the right of the URL box is a search box which allows you to customize your search engine options. Outside of that a view button controls what you see below the URL. Next to that you have the download history and home buttons.

Speed

Mozilla Firefox boasts impressive page load speeds thanks to the excellent JagerMonkey JavaScript engine. Start up speed and graphics rendering are also among the quickest in the market. Mozilla Firefox manages complex video and web content using layer-based Direct2D and Driect3D graphics systems. Crash protection ensures only the plugin causing the issue stops working, not the rest of the content being browsed. Reloading the page restarts any affected plugins. The tab system and Awesome Bar have been streamlined to launch/get results very quickly too.

Security

Mozilla Firefox was the first browser to introduce a private browsing feature which allows you to use the internet more anonymously and securely. History, searches, passwords, downloads, cookies and cached content are all removed on shutdown. Minimizing the chances of another user stealing your identity or finding confidential information. Content security, anti-phishing technology and antivirus/antimalware integration ensures your browsing experience is as safe as possible.

Personalisation & Development

One of the best features of the Mozilla Firefox UI is customization. Simply right click on the navigation toolbar to customize individual components or just drag and drop items you want to move around. The inbuilt Mozilla Firefox Add-ons Manager allows you to discover and install add-ons within the browser as well as view ratings, recommendations and descriptions. Read more about the top recommended add-ons for Mozilla Firefox. Thousands of customizable themes allow you to customize the look and feel of your browser. Site authors and developers can create advanced content and applications using Mozilla’s open source platform and enhanced API.

Api 660 Latest Edition Of Firefox Version

Check out our guide to alternative browsers if you're looking for something a little different.

Api 660 Latest Edition Of Firefox Update

Please note: from version 53.0 onward Windows XP and Vista are no longer supported.