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.Screen_Shot_2021-02-16_at_2.58.27_PM.png
  2. Copy the file name and paste it in a new browser tab
file.png

    3. Go to https://chrome.google.com/webstore/detail/javascript-and-css-code-b/iiglodndmmefofehaibmaignglbpdald?hl=en  in a new tab and download the extension for your chrome browser.

 

     4. Go back to Noibu and copy the function name in blue, in the picture below its “Object.e.initADA”

Screen_Shot_2021-02-16_at_2.58.27_PM.png

 

 

     5. Go back to the tab where you opened the file that is throwing an error

 

            1. Press "Beautify Now"

Screen_Shot_2020-12-14_at_12.10.48_PM.png

            2. Press cmd+f if youre on mac or ctrl+f if you’re on windows in the result window to search      

                 the  whole page

            3. Paste the copied function name from step

            4. This should give you the function that failed

            5. Use the details found in this function to search your non-minified files for the root                                     cause.  In this above example you would use the pointerDownScroll  function name to                             pin-point the exact location of the error in your non-minified file.

 

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.