Skip to main content

De-obfuscating javascript code in Chrome Developer Tools

I had blogged about JavaScript debugging with Chrome Developer Tools some time back, wherein I have explained how these developer tools can help in debugging javascript code. Today Google Chrome 12 was released and my Chrome browser was updated to this version. As with every release, there have been some improvements made on performance, usability etc,. One feature that stood out for me is the ability to De-obfuscate the javascript code.

What is Minification?

Minification is the process of removing unnecessary characters such as white spaces, comments, new lines from the source code. These otherwise would be added to make the code more readable. Minifying the source code helps in reducing the file size and thereby reducing the time taken to download the file. This is the reason why most of the popular javascript libraries such as jQuery are minified. A minified jQuery file is of 31 KB in size where as an uncompressed one is about 229 KB. Unfortunately, debugging minified javascript files is an impossible task.

With the latest version of Google Chrome one can choose to de-obfuscate the javascript code right with in the developer tools. This is how the jquery.js file would look before de-obfuscation:



Now, to de-obfuscate the code one can right click on the file and select the 'De-obfuscate Source' option. This would de-obfuscate the javascript code and present the code which is readable and ready to debug:



Update:

This post was written when Chrome 12 was released. In recent versions, this option is available as a button - 'pretty print', at the bottom left corner of the screen. Look for the button with the icon '{ }'.


Comments

  1. I don't have an option for de-obfuscating the code, but I do have a new "Pretty Print" option next to the Pause Exceptions option. Seems to do the same thing.

    ReplyDelete
  2. You can right click anywhere on the javaScript and you should have 'De-obfuscate Source' option there. Are you on Chrome 12?

    ReplyDelete
  3. in chrome 13 and above it is a { } on the bottom right corner of the screen

    ReplyDelete
  4. @Adelein,

    You're right, they have now provided the option pretty print.

    ReplyDelete
  5. Oops, that's *bottom left* .. the curly brackets :)

    ReplyDelete
  6. I have update the post with the option available in recent version.

    ReplyDelete
  7. Thelle Hedegaard KristensenJune 7, 2013 at 9:12 PM

    Thanks for sharing! Is there something similar for minified CSS?

    ReplyDelete
  8. Looking for Hotel & Resort in Ajmer? Booking Hotel Chitvan is a great choice for tour, wedding and party at low price.

    ReplyDelete
  9. Are you preparing for the nmrc i.e for the noida metro admit card?
    If yes then here is a good information for you all.
    The noida metro admit card have been released now and you all can download it from the website.
    Keeping an admit card with you during the exam is a very important part as without the admit card you won't be allowed to give the exam.
    Thanks.

    ReplyDelete
  10. I wished to score top grades but always failed due to the wrong citation. One of my friends suggested me to use edit my paper online's free AMA citation generator. I am quite amazed to see that they not only provide AMA style citations but also provide citations on APA, MLA, Chicago and many more. I just uploaded my completed assignment and got a perfectly AMA cited assignment in no time. My teachers were impressed, and I got an A grade.

    ReplyDelete
  11. Good article, we are in the same board. You continue this amazing blog, all here need you.

    ReplyDelete
  12. I want to thank you for posting this article, broadening your horizons always a benefit.

    ReplyDelete
  13. Great website information. That guy sounds incredibly smart! I will be glad if you can help me out. Thanks admin :D



    marketing dissertations -
    custom dissertation -
    dissertation writers

    ReplyDelete
  14. Restore windows 10 by using a set of guidelines to bring your system back to its normal state. You can save your old files and apps before performing system restore. It will enable your system to return to its original state without any complications of losing data. After that everything will be wiped out from your hard drive, except a factory installation setup for Windows 10. It is the least invasive procedure to resolve issues that may compromise the overall performance of your Windows PC.
    reinstall windows 10 |
    Update Windows 7 |
    Update Windows 10 |
    Restore windows 7 |
    Restore windows 10
    Install Windows 7 |

    ReplyDelete
  15. Nice Article, well written!!!!

    Checkout for special promos on Askmeoffers Save On-your Stay using Oyo Room Coupons

    Askmeoffer

    ReplyDelete
  16. Dissertation have been in the matter of giving thesis help to undergrads for a long time. During these years, we have conveyed more than 35,000+ expositions for more than 34,000+ understudies crosswise over UK. We are incredibly elated to gladly report that Dissertation has been appraised at level 4.5 (out of 5) on a normal.

    ReplyDelete
  17. One stop destination for all students from Australia, UK & USA looking for online Dissertation Help Online services.
    We have an excellent team of writers who work relentlessly on your Dissertation with the highest precision to deliver quality Dissertation in your inbox! If you seek unequivocal dissertation writing services then let us know instantly, we do everything required to deliver the best Dissertation help and are always at your beck and call! In the meantime check out what we have in store for you

    ReplyDelete
  18. Thanks for sharing an informative blog keep rocking bring more details.I like the helpful info you provide in your articles. I’ll bookmark your weblog and check again here regularly. I am quite sure I will learn much new stuff right here! Good luck for the next!
    Web Designing Training Institute in Chennai | Web Designing courses in Chennai
    Mobile Application Development Courses in chennai
    Data Science Training in Chennai | Data Science courses in Chennai

    ReplyDelete
  19. Most of people dont know how they can use JavaScript code in Chrome tools. However, some dissertation writing services have encouraged developers to make other people learn about effective use of Javascript code.

    ReplyDelete
  20. Are you feeling completely and utterly in love with your partner? Would your life feel incomplete without them? Then this love quotes for couples is the one that you need to share with your partner to help explain exactly how you feel.

    ReplyDelete
  21. Are you looking for a dissertation help that can eradicate all your academic writing woes? If yes, do not go for any service other than the best and hire Dissertation Pros for your dissertation writing assistance. To place your academic writing order, simply contact our customer service representative, specify your writing requirements, and grapple your academic success right away!

    ReplyDelete
  22. One stop destination for all students from Australia, UK & USA looking for online Dissertation Help Online services. assignment helps

    ReplyDelete
  23. Try our service now and you will realize that our expertise is what you need to get the most exceptional grades. The writers normally deliver custom papers which are highly personalized and written as per your requirements.

    ReplyDelete
  24. The professionals from this website writing service can make paper assignments for students who either do not want to write them or, for some reason, cannot write them, they can help them through their college assignment struggles.

    ReplyDelete
  25. Its very character blowing article I have seen today, I regarded your irritating work and substance essayist. I couldn't require anything over to share your article to different stages assignment helps

    ReplyDelete
  26. javascript is one of the best programming software. Developers use this programme for developing different types of websites, applications and other tools. Some developers have used this programming in chrome tools. By: Dissertation writing services.

    ReplyDelete
  27. Great Article. Thank you for sharing! Really an awesome post for every one.

    IEEE Final Year projects Project Centers in Chennai are consistently sought after. Final Year Students Projects take a shot at them to improve their aptitudes, while specialists like the enjoyment in interfering with innovation. For experts, it's an alternate ball game through and through. Smaller than expected IEEE Final Year project centers ground for all fragments of CSE & IT engineers hoping to assemble. Final Year Project Domains for IT It gives you tips and rules that is progressively critical to consider while choosing any final year project point.

    Spring Framework has already made serious inroads as an integrated technology stack for building user-facing applications. Spring Framework Corporate TRaining the authors explore the idea of using Java in Big Data platforms.
    Specifically, Spring Framework provides various tasks are geared around preparing data for further analysis and visualization. Spring Training in Chennai

    ReplyDelete
  28. Do you have strong writing skills? If not, you should better visit this link ewriters.pro and get some help from the expert writers.

    ReplyDelete
  29. This comment has been removed by the author.

    ReplyDelete
  30. Hello Author, Thanks for sharing the information, your writing skills are really impressive. I am also a blogger, writing on some entertainment blogs. If you are interested to read my articles, please check one of my best - 1337x Torrent. Along with you can also check software download site list from here.

    ReplyDelete
  31. Get finish your assignment before given time with Singapore Assignment Help. Our essay writing service are available to provide you plagiarism free assignment writing help at affordable price.

    ReplyDelete
  32. Well thank you for posting an astonishing article with us keep sharing such sorts of web diaries. https://researchproposals.co.uk/

    ReplyDelete
  33. Taldeen is one of the best plastic manufacturing company in Saudi Arabia. They are manufacturing Handling Solutions Plastic products like Plastic Pallets and plastic crates. Here is the link of the product
    Handling Solutions
    Plastic Pallets
    Here is the details of best BSc Medical Imaging Technology Colleges in Bangalore. You can get the college details from the below link. BSc Medical Imaging Technology Course is one of the best demanding course in recent times in India
    BSc Medical Imaging Technology Colleges In Bangalore
    Christian College Bangalore providing BSc Medical Imaging Technology Course. Here is the link about the details of BSc Medical Imaging Technology. You can click the below link for more information about BSc Medical Imaging Technology.
    BSc Cardiac Care Technology Colleges In Bangalore
    Christian College Bangalore providing BSc Optometry Course. Here is the link about the details of BSc Optometry. You can click the below link for more information about BSc Optometry. BSc Optometry is one of the most demanding course in recent times.
    Optometry Colleges In Bangalore
    BBA Aviation course is the best (Most Demanded) management course in India. Here, Christian College Bangalore providing BBA Aviation course. You can get the details of Christian College BBA Aviation from the below mentioned link. If you are interested in BBA Aviation, just visit the below link to know about BBA Aviation.
    BBA Aviation Colleges In Bangalore
    GrueBleen is one of the Branding and Marketing agency Based in Riyadh- Saudi Arabia. The main functions of GrueBleen is Advertising, Branding, Marketing, Office Branding, Exhibition Management and Digital Marketing. Visit the below link to know more about GrueBleen Creative Club.
    Branding Agency Riyadh
    Marketing Agency Riyadh
    Agriculture Solutions – Taldeen is a plastic manufacturing company in Saudi Arabia. They are manufacturing agricultural plastic products like greenhouse cover and hay cover. Visit the below link to know more details
    Agriculture Solutions
    Greenhouse Cover
    Medical Imaging Technology – One of the most demanding allied health science course in recent times in India. Check out the details of Best BSc Medical Imaging Technology Colleges Details with the following link.
    BSc Medical Imaging Technology Colleges In Bangalore
    BSc Perfusion Technology – If you are looking to study BSc Perfusion Technology in Bangalore, just check out the following link. In that link you can get the details of Best BSc Medical Imaging Technology colleges in Bangalore
    BSc Perfusion Technology Colleges in Bangalore
    GrueBleen – One of the best social media marketing agency in Riyadh- Saudi Arabia. Visit here for the all service details of GrueBleen.
    Social Media Marketing Agency

    ReplyDelete
  34. Constantly during my university, I am under the pressure of my parents and family. But sometimes I have to do so much that I just do not have time to do everything and meet their expectations. Recently I found this extraessay review and now I do not have any problems. Quick work execution, high quality and good price. Now I have much more free time and my mom and my family are happy and proud of me.

    ReplyDelete
  35. On the off chance that you need web-based composing help for a complicated theory point, at that point, benefit our task composing administration. From Assignment, help and save your opportunity to relax and do your researches properly. Our online task help administration has earned colossal prevalence among both home and universal understudies. There's no preferable spot in the USA over 360assignments.com. Reach us presently to purchase assignments online. Leave your pressures to us and make the most of your extra time. Best Assignment Writing Service

    ReplyDelete
  36. Staggering post. I'm a standard visitor of Your site and worth you setting aside the push to keep the superior to anything standard site. https://mycrmsystem.co.uk/

    ReplyDelete
  37. thanks for sharing this nice information..i really enjoyed to read your information.learn bench india is the best project center in chennai..
    to know more about this best project center in chennai
    best final year project center in chennai
    best final year ieee project center in chennai
    best embedded project center in chennai

    ReplyDelete
  38. Accept the quick help you require from our skillful economics Don’t accentuate about thinking nominal GDP on your private—our expert economics assignment help can help you answer the difficulties you are working with on your time. economics assignment help

    ReplyDelete
  39. Thank you for this wonderful information share and excellent information providing by your article. Are you looking for assignment help services in Singapore? Do you require to finish your assignment? Singapore assignment help is a well-liked assignment Acquire immediate Assignment Help before completion of time at a fair cost. Kindly visit the LiveWebTutors website…

    ReplyDelete

Post a Comment

Popular posts from this blog

Custom validation messages for HTML5 Input elements using the constraint validation API

HTML5 has introduced several input types such as EMAIL, URL, RANGE, SEARCH, DATE, TIME, etc,. Most of the modern browsers have implemented them and are ready to be used in a HTML document. Another exciting feature introduced in HTML5 is the form validation. Instead of writing JavaScript to validate users input, browsers can now validate it and show an appropriate message if the validation fails. The validation message is shown in line with the field for which the validation has failed. The default error message is shown when the validation fails. In this post I'll explain how these error messages can be changed.

A cheat sheet of keyboard shortcuts in ColdFusion Builder

In my last post I have explained about keyboard shortcuts in ColdFusion Builder 2.0. This blog post contains a list of all shortcut keys and I have listed these keyboard shortcuts based on the categories that it falls into. Well, this post was not planned since users can easily get to know the keyboard shortcuts by navigating to the preferences (ColdFusion -> Profiles -> Keys). However, I met Joshua at Scotch on the rocks in Edinburgh and he suggested that it would be nice to have the list of keyboard shortcuts handy. So this post is for those who would like to have the list with them and refer it whenever required.


Keyboard shortcuts for inserting text:

These are the keyboard shortcuts which are used to insert some text into the editor:

CommandKeyboard shortcuts on WindowsKeyboard shortcuts on MacInsert anchor tagCTRL + T, LCMD + T, LInsert bold tagCTRL + T, BCMD + T, BInsert br tagCTRL + T, RCMD + T, RInsert cfabortCTRL + T, ACMD + T, AInsert cfdumpCTRL + T, DCMD + T, DInsert cfs…