Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Hide jquery.map errors in google chrome developer tools?

With the introduction of .map files I am getting my console flooded with errors like:

Denying load of chrome-extension://flpedblkbobmjlipnnmalidalmhkangn/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

Is there any way I can suppress error messages about .map files?

like image 441
Hailwood Avatar asked Jul 25 '13 04:07

Hailwood


People also ask

How do I hide source maps in Chrome?

Open Developer Tools, go to "Settings" for Developer Tools, then uncheck Enable JavaScript Sourcemaps under the "Sources" settings.

What is the jQuery map file?

What is jQuery Source Map? As the name suggests, it consists of a whole bunch of information that can be used to map the code within a compressed file back to it's original source . It is used by browser's debugger to help developers debug the minified version of script file.


2 Answers

To disable the source maps for one file:

You can filter out the messages for the .map files by right clicking them in the console (Not the link) Selecting Filter > Hide messages from ... enter image description here

You can also disabled either CSS or JavaScript source maps globally from the Developer Tools settings.

To disable the source maps globally:

  • Click the cog icon in the bottom right of the Developer Tools
  • Locate the 2nd and 3rd options on the right under Sources
  • Untick Enable JS source maps
  • Untick Enable CSS source maps enter image description here
like image 90
Hailwood Avatar answered Oct 01 '22 11:10

Hailwood


Download the map file and place it in the same .js file directory. http://jquery.com/download/

like image 39
Sergio Sena Avatar answered Oct 01 '22 12:10

Sergio Sena