Menu
Chrome DevTools has several useful filters to limit the logging: Errors, Warnings, Info etc.
The last filter is called Handled, and I have yet to find out what that is used for. The is no console.handle() or similar. Googling hasn't provided an answer.
For what and how do I use the Handled filter?
200
Simply navigate to any website you want to filter and block, click the extension icon and click the big Block Site button. This will add the website to your block list, and you'll no longer be able to access it. You can also type the URL of the website into the extension directly to block it in the same way.
Click the settings button in DevTools. Select the "Components" tab. Click on the toggle to the left of the "host" type filter to disable it.
Delete a filterHover the cursor over the filter you want to delete. Select Open menu. . Select Delete and Confirm.
The filter tool is located inside the Network panel in DevTools. With our keyboard shortcuts, DevTools will open directly into the Elements tab. In that case, we’ll switch to the Network tab, where we’ll have access to the filter tool like so: HTTP requests are generated by the activities that happen on the browser.
Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser.
By default, DevTools shows the Filters pane. Click Filter to hide it. Figure 36. Hide Filters, outlined in blue Use large rows when you want more whitespace in your network requests table. Some columns also provide a little more information when using large rows.
With our keyboard shortcuts, DevTools will open directly into the Elements tab. In that case, we’ll switch to the Network tab, where we’ll have access to the filter tool like so: HTTP requests are generated by the activities that happen on the browser.
This filter is for exceptions handled inside of a promise. The filter was added to the UI with this patch. Included test and linked ticket reveal what this feature is all about.
If we create a promise and reject it like so:
var p = new Promise((resolve, reject) => reject('ooops'))
error message will be immediately printed to the console:
However, rejection can be handled later on:
p.catch(e => {})
causing previous error message to change state:
"Uncaught (in promise) ooops" becomes a "handled promise rejection". Since it's not considered an error anymore it will not show up when the "Errors" filter is active. It will show up though, when the new "Handled" filter is active.
147
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
