{"id":30037,"date":"2017-05-22T21:01:54","date_gmt":"2017-05-22T13:01:54","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=30037"},"modified":"2017-05-22T17:42:46","modified_gmt":"2017-05-22T09:42:46","slug":"chrome-extension-source-code-crx-extractor","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/","title":{"rendered":"Get Any Chrome Extension Source Code Dynamically with This App"},"content":{"rendered":"<p>The best way to learn how to code is by <strong>practicing<\/strong> and <strong>studying the work of others<\/strong>. GitHub makes this simple enough for any programming language you can imagine. But, for <strong>multi-language projects<\/strong> such as Chrome extensions, you won\u2019t find as many resources.<\/p>\n<p>That\u2019s where the <strong><a href=\"https:\/\/crxextractor.com\/\" target=\"_blank\">CRX Extractor<\/a><\/strong> can help. It\u2019s a free web app that can <strong>pull any source code dynamically<\/strong>, straight from a Chrome browser extension.<\/p>\n<figure><a href=\"https:\/\/crxextractor.com\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/chrome-extension-source-code-crx-extractor\/01-crx-extractor-plugin.jpg\" alt=\"CRX Extractor plugin\" width=\"995\" height=\"611\"><\/a><\/figure>\n<p>Best of all, you don\u2019t even need the plugin installed! Just <strong>copy\/paste the extension URL<\/strong> straight from the Chrome Web Store and <strong>let it run<\/strong>. Alternatively, you can <strong>download a <code>.crx<\/code><\/strong> file and upload that directly to the site.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/\">30+ Useful Chrome Extensions for Web Designers<\/a>\n\t\t\t\t<\/p>\n<p>If you click the \u201cGet started\u201d button and nothing happens, try <strong>disabling your ad blocker<\/strong>.<\/p>\n<p>A lot goes on behind the scenes to get this app working smoothly. It\u2019s possible to <a href=\"https:\/\/stackoverflow.com\/\/q\/2250163\/477958\" target=\"_blank\" rel=\"nofollow\">get the code yourself<\/a> but it\u2019ll take a lot more work.<\/p>\n<p>The CRX Extractor <strong>pulls metadata<\/strong> associated with the file and <strong>changes the extension into a <code>.zip<\/code> archive<\/strong>. This way you can browse through the archive just like a typical <code>.zip<\/code> file.<\/p>\n<p>The entire process is very technical which is why most developers don\u2019t want to deal with it. You can learn more on the <a href=\"https:\/\/crxextractor.com\/about.html\" target=\"_blank\">About page<\/a> if you\u2019d like to dive into the techie side.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/chrome-extension-source-code-crx-extractor\/02-chrome-store-extension.jpg\" alt=\"Chrome Store extension\" width=\"1000\" height=\"523\"><\/figure>\n<p>And, as you might expect with any great web app, the entire project is <strong>open-sourced<\/strong> and <strong>freely available <a href=\"https:\/\/github.com\/vladignatyev\/crx-extractor\" target=\"_blank\">on GitHub<\/a><\/strong>.<\/p>\n<p>You should use this web app mostly to learn <strong>how Chrome extensions are built<\/strong> and what keeps them safe. Browse through Google\u2019s <a href=\"https:\/\/developer.chrome.com\/extensions\/getstarted\" target=\"_blank\">Getting Started guide<\/a> to learn more about <strong>creating extensions from scratch<\/strong>.<\/p>\n<p>But, nothing beats the experience of <strong>digging into the source code<\/strong> to learn how pros craft their extensions. With CRX Extractor, you\u2019ll have a much easier time getting into that source code to study, learn, and replicate from the best developers out there.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/productivity-chrome-extensions\/\">30 Chrome Extensions for Better Productivity<\/a>\n\t\t\t\t<\/p>","protected":false},"excerpt":{"rendered":"<p>The best way to learn how to code is by practicing and studying the work of others. GitHub makes this simple enough for any programming language you can imagine. But, for multi-language projects such as Chrome extensions, you won\u2019t find as many resources. That\u2019s where the CRX Extractor can help. It\u2019s a free web app&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[2998,1884,511],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Get Any Chrome Extension Source Code with CRX Extractor<\/title>\n<meta name=\"description\" content=\"The best way to learn how to code is by practicing and studying the work of others. GitHub makes this simple enough for any programming language you can\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Get Any Chrome Extension Source Code Dynamically with This App\" \/>\n<meta property=\"og:description\" content=\"The best way to learn how to code is by practicing and studying the work of others. GitHub makes this simple enough for any programming language you can\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-22T13:01:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/chrome-extension-source-code-crx-extractor\/01-crx-extractor-plugin.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Get Any Chrome Extension Source Code Dynamically with This App\",\"datePublished\":\"2017-05-22T13:01:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/\"},\"wordCount\":324,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/chrome-extension-source-code-crx-extractor\\\/01-crx-extractor-plugin.jpg\",\"keywords\":[\"Chrome Extensions\",\"source code\",\"Web Developers\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/\",\"name\":\"Get Any Chrome Extension Source Code with CRX Extractor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/chrome-extension-source-code-crx-extractor\\\/01-crx-extractor-plugin.jpg\",\"datePublished\":\"2017-05-22T13:01:54+00:00\",\"description\":\"The best way to learn how to code is by practicing and studying the work of others. GitHub makes this simple enough for any programming language you can\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/chrome-extension-source-code-crx-extractor\\\/01-crx-extractor-plugin.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/chrome-extension-source-code-crx-extractor\\\/01-crx-extractor-plugin.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/chrome-extension-source-code-crx-extractor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Get Any Chrome Extension Source Code Dynamically with This App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Get Any Chrome Extension Source Code with CRX Extractor","description":"The best way to learn how to code is by practicing and studying the work of others. GitHub makes this simple enough for any programming language you can","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/","og_locale":"en_US","og_type":"article","og_title":"Get Any Chrome Extension Source Code Dynamically with This App","og_description":"The best way to learn how to code is by practicing and studying the work of others. GitHub makes this simple enough for any programming language you can","og_url":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-05-22T13:01:54+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/chrome-extension-source-code-crx-extractor\/01-crx-extractor-plugin.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Get Any Chrome Extension Source Code Dynamically with This App","datePublished":"2017-05-22T13:01:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/"},"wordCount":324,"commentCount":2,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/chrome-extension-source-code-crx-extractor\/01-crx-extractor-plugin.jpg","keywords":["Chrome Extensions","source code","Web Developers"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/","url":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/","name":"Get Any Chrome Extension Source Code with CRX Extractor","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/chrome-extension-source-code-crx-extractor\/01-crx-extractor-plugin.jpg","datePublished":"2017-05-22T13:01:54+00:00","description":"The best way to learn how to code is by practicing and studying the work of others. GitHub makes this simple enough for any programming language you can","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/chrome-extension-source-code-crx-extractor\/01-crx-extractor-plugin.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/chrome-extension-source-code-crx-extractor\/01-crx-extractor-plugin.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/chrome-extension-source-code-crx-extractor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Get Any Chrome Extension Source Code Dynamically with This App"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-7Ot","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=30037"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30037\/revisions"}],"predecessor-version":[{"id":30038,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30037\/revisions\/30038"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=30037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=30037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=30037"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=30037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}