Alayna  Rippin

Alayna Rippin


Hidden Features of Chrome DevTools

If you’re a web developer, then you surely spend quite some time poking around in browsers dev tools or web console. Inspecting elements, modifying CSS or running commands in console — these are some basic things that every web developer knows how to do using browsers developer tools. There are however, quite a few more things you can do inside your browser to make your debugging, development and web design so much more efficient. Here are a few hidden or lesser known features of Chrome DevTools  which you should know about and which you will be using every day…

#technology #javascript #programming #software-engineering #web-development

What is GEEK

Buddha Community

Hidden Features of Chrome DevTools
Nat  Grady

Nat Grady


Chrome Devtools: Chrome DevTools Packaged As an App Via Electron

Maintenance status: Chrome DevTools App. is not proactively maintained or extended.

Original readme


Chrome DevTools App


This project is Discontinued. See

Join the chat at

Chrome DevTools packaged as an app using electron-prebuilt.

This project is an exploration of how much work it would take to separate Chrome DevTools from Chrome itself and to explore what separation from the browser would bring to the table in terms of new functionality, etc.

I've written an article about this project, where I go in detail, and provide a few perspectives on what this project could evolve into.

Intro Tools


  1. Go to the releases page, and download the latest DMG installer (Mac only, for now)
  2. Drag Chrome DevTools App to your applications folder
  3. Start an instance of Chrome with remote debugging enabled
  4. Start Chrome DevTools App
  5. Wait a second or click the refresh button.
  6. Targets should show up. Click "Go" next to your target.
  7. Bam. There go you.


How to get started from source?

  1. Run npm install
  2. Run npm start

How to start this app from source?

  1. Run npm install
  2. Run npm install bower-cli -g
  3. Run npm start

How to start a debug version of this app?

Run npm start


How to make a new build?

Run npm run release

Update on Chrome DevTools App.

Chrome DevTools App is now superseeded by – a new developer tool for macOS and Windows to inspect and debug your web apps and websites in Safari and WebViews on iOS devices 🤯🎉🔥

This project is highly experimental.

Author: Auchenberg
Source Code: 
License: MIT license

#electron #devtool #chrome #javascript 

Sean Robertson

Sean Robertson


Chrome 91 - What’s New in DevTools

New to DevTools in Chrome 91:

What’s new in DevTools (Chrome 91) →

Memory inspector →

You’re not seeing double! We published this episode in English and in Jecelyn’s mother language Mandarin as part of our Mother Language Day series.

Tweet us →

What’s New in DevTools →
Subscribe to Google Chrome Developers →

#devtools #chrome #google-chrome

Tyrique  Littel

Tyrique Littel


Chrome 86 Aims to Bar Abusive Notification Content

Google has added a new feature to Chrome 86 that aims to stomp out abusive notification content.

Web notifications are utilized for a variety of applications – such as prompting site visitors to sign up for newsletters. However, they can also be misused for phishing, malware or fake messages that imitate system notifications for the purpose of generating user interactions. Google has taken steps to battle this issue by automatically blocking the web notifications that display abusive or misleading content.

When visitors encounter a webpage with malicious notification content, the webpage will be blocked and a Chrome alert on the upper navigation bar will warn them that the website might be trying to trick them into displaying intrusive notifications. It will ask them to “Continue Blocking” or “Allow” – the latter option will let users continue on to the webpage.

“Abusive notification prompts are one of the top user complaints we receive about Chrome,” according to PJ McLachlan, product manager with Google, on Wednesday. “Our goal with these changes is to improve the experience for Chrome users and to reduce the incentive for abusive sites to misuse the web-notifications feature.”

In order to detect sites that send abusive notification content, Google will first subscribe occasionally to website push notifications (if the push permission is requested) via its automated web crawling service.

Notifications that are sent to the automated Chrome instances will be evaluated for abusive content, and sites sending abusive notifications will be flagged for enforcement if the issue is unresolved, said Google.

When a site is found to be in “failing” status for any type of notification abuse, Google will send a warning email to the registered owners of the site 30 days before cracking down. During this time, websites can address the issue and request another review.

Google first implemented controls that went against abusive notifications with Chrome 80, when it introduced a “quiet notification permission UI [user interface]” feature. Then, in Chrome 84, it announced auto-enrollment in quiet notification UI for websites with abusive-notification permission requests, such as sites that use deceptive patterns to request notification permissions.

However, the new enforcement in Chrome 86 takes it a step further by focusing “on notification content and is triggered by sites that have a history of sending messages containing abusive content,” said Google. “This treatment applies to sites that try to trick users into accepting the notification permission for malicious purposes, for example sites that use web notifications to send malware or to mimic system messages to obtain user login credentials.”

In an upcoming release, Chrome will revert the notification permission status from “granted” to “default” for abusive origins, preventing further notifications unless the user returns to the abusive origin and re-enables them. That’s because “prior to the release of Chrome’s abusive notifications protections, many users have already unintentionally allowed notifications from websites engaging in abusive activity,” it said.

Google this week also warned of an update to its Chrome browser that patches a zero-day vulnerability in the software’s FreeType font rendering library that was actively being exploited in the wild.

#web security #abusive content #abusive notifications #blocking #browser #browser notifications #chrome 80 #chrome 84 #chrome 86 #google #google chrome #malicious notification #safe browsing #web security

Ferenc Almasi

Ferenc Almasi


10 Must-Know Features of Chrome DevTools

Chrome has some features for debugging that can really come in handy when troubleshooting code. In fact, there are so many tools that most of them stay hidden, waiting to be uncovered.

However, the Chrome DevTools team releases monthly updates on their website and you can also find great tips shared on their official Twitter account. If you want to learn more about the tools Chrome provides, I highly recommend checking them out.

In this article, I’ve collected 10 features I use a lot and that may not be known to others. They’ve helped me streamline my workflow, so I can get more done in less time.

10 Must-Know Features of Chrome DevTools

#google-chrome #devtools #web-development #frontend #webtips

Ethen Ellen


AOL Emails Not Loading Problems (+1-888-857-5157) in Chrome Browser

This is image title
AOL Mail is one of the free email services that includes calendar management and task management. If your AOL Emails Not Loading Problems in Chrome Browser, try these troubleshooting steps which is mention below. In this post, we are trying to describe the reason behind AOL email not loading and how to resolve AOL mail loading issues.

3 Reason Behind AOL Emails Not Loading Problems

Reason #1. Whenever you are unable to receive the new emails into your computer. You should log into your AOL mail account and go to the settings and click on filter settings. Now check the account settings, if you find any filter. you need to click on delete. After deleting the settings, you should send a mail to yourself. Let’s see if you are receiving it now or not.

Reason #2. If you do not find any filters into your emails, you should check the block list settings, maybe you have blocked the new emails from senders. That’s why you are not receiving any new emails. so, you should immediately go ahead and check it.

Reason #3. If you are unable to receive the new emails into your phone or computer. I would like to suggest you to check the server settings. Most of the time, people are facing such kind of problem due to the incorrect server settings. So, you should check them properly and if you find something wrong over there. You need to remove the account from your computer or phone and then reconfigure it. It will start working fine.

How to Resolve AOL Emails Not Loading Problems in Chrome Browser

If Your AOL Emails Not Loading Problems in Chrome Browser then you can go and find a help to resolve this issue. To get through this problem, follow the instructions below:

Solution 1: Clear browsing data on Chrome

  • On your computer, launch the Google Chrome browser after assuring that you have a stable Internet connection.
  • Close all the browser tabs (if any) and open a new blank tab.
  • Click the Customize and control Google Chrome icon at the top-right corner and select the More tools option from the drop-down list.
  • In the pop-up window, navigate to the top-left corner and click the clear browsing data tab beneath History.
  • When you are asked to choose the time limit, choose the Time
  • After choosing all the data, click the Clear data button to remove all your Chrome browsing data.
  • Once you have removed all the browsing data, sign in to your AOL Mail.
  • If your AOL Mail is still not loading on Chrome, move on to the next solution.

Solution 2: Reset web settings

  • On your Chrome browser, stop all the running tabs and start a blank tab.
  • Navigate to the top-right corner of the tab and click the Customize and control Google Chrome icon (three vertical dots).
  • Click on Settings from the drop-down list.
  • Navigate to the bottom of the Settings page and click Advanced.
  • Click the Reset Settings tab twice underneath Reset and clean up.
  • Now, your Chrome browser will be restored to factory defaults.
  • Restart your Chrome browser and navigate to the official AOL site.
  • Enter the correct login credentials in the essential field and try signing in to your AOL email account.
    If AOL Mail is still not loading on Chrome, contact our technical support team by clicking the Call button available on this page for remote assistance.
    After this, if you are unable to resolve AOL emails loading problems in chrome browser, don’t be panic. Email Expert 24*7 team is here to resolve all AOL mail issues as soon as possible. Just Dial Customer Care Toll-Free Number: +1-888-857-5157 and get instant help. Our technical team’s services are available- 24x7.


#aol mail not loading problems in chrome browser #aol email not loading problems in chrome browser #aol not loading problems in chrome browser #aol mail not loading issues in chrome browser #aol email not loading issues in chrome browser