Debugging Minified Files

Minified files

Minified files are files which were modified by software to contain shorter variable and function names in order to reduce the total size of the file. For example if your javascript file contains a function called ‘calculateWindowSize the minification process would change that name to something short like ‘a‘. Now everywhere that your initial function was called, the new shorter function name will be used which will decrease the total size of your javascript file. 

 

Decreasing javascript file size is desirable because smaller files get downloaded faster and thus impact your page load time less.

 

Challenges with minified files

Since minification changes the javascript file to be smaller and by consequence less readable, root causing the error with information provided by the stack trace is very complicated. To make this process a bit easier, we have compiled a guide on how to approach solving minified errors with information Noibu gives you.

 

Steps to action minified errors

  1. Get access to the minified file via the Developer tab. It contains the stack trace in the Noibu platform.

      2. Once you have found a minimized (typically ends with .min) do the following steps

         1. Find a variable or function name that is known to you

         2. Open the un-minimized file

         3. Search your un-minimized file by this keyword

 

Screen_Shot_2021-04-30_at_11.42.07_AM.png

 

This should give you enough context to understand the bug.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.