How to Ignore certain Errors in Development Tools? - google-chrome

On a test system I have a lot of 404 errors that are not important to me right now. Still they are cluttering the console in Chromium's Developer Tools, making it pretty much useless.
Is it possible to ignore errors of a certain type? In this case, I want all 404-errors to not be shown.

If you need to filter errors for a particular domain, you can now do this directly using Chrome Developer Tools. Simply right click on the error you want to hide and then click Filter => Hide messages from...

So for instance; http://i.imgur.com/ToAWIth.png shows the errors, all blocked by client with adblock etc, I want to hide "AdBar errors", so:
Basically:
Click the filter button, click errors to only show errors, then use the following regex:
^((?!X|Y|Z).)*$

I had a MVC web project a while ago, in the web.config section, I used to use this
<customErrors mode="Off"/>

Related

Accidentally Deleted </script> in Custom HTML Field on Cargo Collective

i accidentally deleted it and saved it, and the i refreshed the site and everything is just a blank white screen. i cant even see my admin page, though i can still login. help!!
I'm trying to find a way to use a proxy tool to intercept the HTTP response and fix the broken script tag, and then fix it in the UI, but i'm not having any success there yet.
Is there a way I can restore the site, or load a previous version of the site?
this is what i could find on Chrome Developer Tools
well you can roll back if its in your hosting abilities. Check your hosting
is it late to press ctrl + z to the previous results
maybe the whole code share could help. because right now I see that you have a JSON error. Where is the line from where it fires

Why does my Slate query work in edit mode but not consumer mode?

When I view my Slate document in edit mode, everything looks fine, but in consumer mode, no data is showing up in the widgets. I determined that the queries work in edit mode but not in consumer mode - what would cause this?
This is most likely caused by a broken partial.
Although there is no straightforward way to debug partials, you can try pasting them into a query, and using the render button to see if there are any issues rendering the partial contents.
Also be sure to check that all your partials are the right type (SQL, Foundry, HTTPJSON) for the queries that reference them.

Is it possible to hide extension resources in the Chrome web inspector network tab?

When I'm viewing the downloaded resources for a page in the Chrome web inspector, I also see the HTML/JS/CSS requested by certain extensions.
In the example above, indicator.html, indicator.js and indicator.css are actually part of the Readability Chrome extension, not part of my app.
This isn't too big a deal in this particular situation, but on a more complex page and with several extensions installed, it can get quite crowded in there!
I was wondering if there was a way to filter out any extension-related resources from this list (i.e. any requests using the chrome-extension:// protocol).
Does anyone know how I could achieve this?
Not quite the solution I was after (I'd have preferred a global setting), but there is now a way to filter out requests from extensions, as mentioned by a commenter on the issue I originally opened.
In the network tab filter box, enter the string -scheme:chrome-extension (as shown below):
This is case-sensitive, so make sure it's lowercase. Doing this will hide all resources which were requested by extensions.
Just enter "-f" in Network field
Was having the same question when my extension adds a lot of noise in the network tab.
Some extensions also fire a lot of data like data:text/image etc, you can append more filter with - like:
-scheme:chrome-extension -scheme:data
Another way to get the http/https requests is to just use scheme:https without - because the resources that extensions request are usually from their local bundle:
scheme:https
An Incognito Window, can be configured to include or exclude extensions from the extensions page of Chrome settings.
One alternative is to go to "Network Request blocking" tab and add "chrome-extension:" to the list, thus extension requests will be blocked and coloured red so it's easy to visually filter them out.
you can simply enable this option and requests from extension will be group.
Update: It can only group requests that create by the extension that draw iframe, such as cVim

Cannot link to chrome://newtab

I'm trying to provide a link to chrome://newtab (the new tab page) for my distraction-preventing page for when I need to access it, however clicking the link gives the error Failed to load resource.
I've tried:
Linking to it using <a href="chrome://newtab">
Attempting to redirect the user using window.location.
The chrome: prefix aliases to chrome:// but still fails to load.
Does anyone know if this is possible or has any ideas to try?
I am not sure why it doesn't work, but I think it is for security reasons.
Pages on the internet should not have access to local resources and the new tab page is a local resource.
Format your link thusly (also will work with firefox and other tabbed browsers):
Click me
EDIT: of course, that's not actually the new tab page. It's just a blank tab. Going to leave it anyways.
I think you'll have to write a Chrome extension to get access to the chrome://newtab link, it doesn't seem possible for an ordinary webpage to access it.
Edit: This solution no longer works, but I'll leave it for anyone that might try to hunt down why it stopped working.
I finally found that https://www.google.com/_/chrome/newtab will open chrome://newtab, thanks to this post.
Don't ask me why.

Is it possible to see the data of a post request in Firefox or Chrome?

How can I intercept the post data a page is sending in FF or Chrome via configuration, extension or code? (Code part makes this programming related. ;)
I currently use Wireshark/Ethereal for this, but it's a bit difficult to use.
You could just use the Chrome Developer Tools, if you only need to track requests.
Activate them with Ctrl+Shift+I and select the Network tab.
This works also when Chrome talks HTTPS with another server (and unless you have the HTTPS private key you cannot use Wireshark to sniff that traffic).
(I copied this answer from this related query.)
With Firefox you can use the Network tab (Ctrl+Shift+E or Command+Option+E). The sub-tab "Params" shows the submitted form data.
Reference: https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor/request_details#Params
Alternatively, in the console (Ctrl+Shift+K or Command+Option+K) right click on the big pane and check "Log Request and Response Bodies". Then when the form is submitted, a line with POST <url> will appear. Click on it; it will open a new window with the form data.
As of the time of originally writing this reply, both methods messed up newlines in textarea fields. The former deleted them, the latter converted them to blanks. I haven't checked with a newer version.
Do you have control of the browser POSTing the data?
If you do, then just use Firebug. It's got a lot of usefull features, including this
For Firefox there is also TamperData, and even more powerful and cross-browser is Fiddler.
Programatically, you can do this with dBug - it's a small code module you can integrate into any website.
I use it with CodeIgniter and it works perfectly.
In network tab of Web Developer tools in firefox right click on the PUT, POST or any type of request, you will find "Use as Fetch in Console" option. Here we can seed the data we are passing.
Do the respective steps sequentially.