{"id":3119,"date":"2011-06-09T13:07:48","date_gmt":"2011-06-09T19:07:48","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/2011\/06\/09\/3-ways-to-find-scripts-and-cmss-running-on-a-website\/"},"modified":"2011-06-16T08:38:08","modified_gmt":"2011-06-16T14:38:08","slug":"3-ways-to-find-scripts-and-cmss-running-on-a-website","status":"publish","type":"post","link":"https:\/\/www.evolutionarydesigns.net\/blog\/2011\/06\/09\/3-ways-to-find-scripts-and-cmss-running-on-a-website\/","title":{"rendered":"3 Ways To Find Scripts and CMS&rsquo;s Running on a Website"},"content":{"rendered":"<p><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2011\/06\/9550zakafwe7fw.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"display: inline; margin: 0px 10px 0px 0px; border-width: 0px;\" title=\"3 Tools to Help You Find Out Whats Scripts and CMS\u2019 are Running On a Website\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2011\/06\/9550zakafwe7fw_thumb.jpg?resize=240%2C160\" border=\"0\" alt=\"3 Tools to Help You Find Out Whats Scripts and CMS\u2019 are Running On a Website\" width=\"240\" height=\"160\" align=\"left\" \/><\/a><\/p>\n<p>Have you ever come across a website and wondered what CMS (content management system)they are using or what plugins a site is using, maybe what JavaScripts\/jQuery scripts the site has installed?<\/p>\n<p>If so, then you are in luck. Recently, I found three tools that can help you find out more information about a site.<\/p>\n<h2>Why Would You Want to Know What Scripts and CMS\u2019s Are Running On a Website?<\/h2>\n<p>As a designer, I am always looking for new trends in design. So when I come across a site with a great design. I like to check out how the site was designed. If there is a certain feature I like and might would want to create a similar feature on one of my sites, I will inspect the code to see what scripts, plugins, and what CMS they are using. If its a <a title=\"jQuery Resources: Articles and Tutorials for Developers\" href=\"http:\/\/www.evolutionarydesigns.net\/blog\/2011\/06\/03\/jquery-resources-articles-and-tutorials-for-developers\/\">jQuery<\/a> script plugin or a plugin for <a href=\"http:\/\/www.wordpress.org\" target=\"_blank\">WordPress<\/a>, I can do a search for that plugin and see if I want to add to a site.<\/p>\n<p>But as a Website administrator\/community manager that uses WordPress with a variety of plugins that are being added and removed as needed,. Having a way to see what scripts are running, where they are loading, and what plugins are running on certain pages is a good thing.<\/p>\n<h2>3 Tools to Help You Find Out What Scripts and CMS\u2019s are Running On a Website<\/h2>\n<p>1. <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/homgcnaoacgigpkkljjjekpignblkeae\" target=\"_blank\">Chrome Sniffer<\/a> \u2013 is an extension for <a href=\"http:\/\/www.google.com\/chrome\/intl\/en\/make\/download.html?brand=CHKZ\" target=\"_blank\">Google Chrome<\/a> that allows web developers to inspect web framework\u00a0 and <a href=\"http:\/\/www.javascript.com\/\" target=\"_blank\">JavaScript<\/a> library running on the current site the browser is on. The latest release of the extension can detect over 70 CMS and JavaScript libraries. Plus there are plans for more to be released in future releases.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2011\/06\/chromesniffer.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin: 10px auto; border-width: 0px;\" title=\"Chrome Sniffer lets you inspect a websites Framework\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2011\/06\/chromesniffer_thumb.jpg?resize=244%2C86\" border=\"0\" alt=\"Chrome Sniffer lets you inspect a websites Framework\" width=\"244\" height=\"86\" \/><\/a><\/p>\n<p>2. <a href=\"http:\/\/wappalyzer.com\/\" target=\"_blank\">Wappalyzer<\/a> \u2013 a plugin for <a href=\"http:\/\/www.mozilla.com\/en-US\/firefox\/fx\/\" target=\"_blank\">Firefox<\/a> that helps developers and designers inspect the Frameworks on a website. The plugin can detect CMS, e-commerce systems, JavaScript Frameworks, hosting panels, analytics tools and message boards.\u00a0 There is a beta version for Google Chrome but I haven\u2019t had the chance to test it. Screenshot is from Wappalzer website.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2011\/06\/wapplzer.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin: 10px auto; border-width: 0px;\" title=\"Wappalyzer lets you find out what scripts and CMS's are running on a website. \" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2011\/06\/wapplzer_thumb.png?resize=204%2C117\" border=\"0\" alt=\"Wappalyzer lets you find out what scripts and CMS's are running on a website. \" width=\"204\" height=\"117\" \/><\/a> 3. <a href=\"http:\/\/getfirebug.com\" target=\"_blank\">Firebug<\/a> \u2013 is a plugin for Firefox that gives developers and designers a wealth of tools, all while they browse the web. It allows you to edit, debug, monitor CSS, HTML, and see what JavaScript is running on a web page. Screenshot taken from Firebug\u2019s website.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2011\/06\/Firebug.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"display: block; float: none; margin: 10px auto; border-width: 0px;\" title=\"Firebug\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2011\/06\/Firebug_thumb.png?resize=619%2C263\" border=\"0\" alt=\"Firebug\" width=\"619\" height=\"263\" \/><\/a><\/p>\n<h2>How to Use Firebug and other Plugin to View a Website\u2019s Framework<\/h2>\n<p>Originally, I was planning to do a tutorial on how to use these tools and how I use them. Then I remembered, that I read a great tutorial on these tools about a year ago. So instead of writing up another tutorial on it, I would share with everyone that tutorial. He uses the tools as I would use them and he does an excellent job at explaining how to use these tools. The tutorial is by Omer Greenwald and you can find the tutorial over at his site, <a href=\"http:\/\/www.webtechwise.com\" target=\"_blank\">WebTechWise<\/a>.<\/p>\n<p><a href=\"http:\/\/www.webtechwise.com\/detect-wordpress-and-wordpress-plugins\/\" target=\"_blank\">How to detect wordpress and wordpress plugins<\/a><\/p>\n<h2>Final Thoughts<\/h2>\n<p>Although I mostly Google Chrome for my web browsing, I prefer Firefox for developement and troubleshooting website errors. I have used all three tools and still use all of them, I believe the Firefox tools work better. You can find Firebug for Chrome, but its not a total replacement for the Firefox version and Chrome Sniffer works great, I just prefer Wappalyzer over Chrome Sniffer<\/p>\n<p>&nbsp;<\/p>\n<p>Image Source: <a href=\"http:\/\/www.freedigitalphotos.net\">Image: FreeDigitalPhotos.net<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever come across a website and wondered what CMS (content management system)they are using or what plugins a site is using, maybe what JavaScripts\/jQuery scripts the site has installed? If so, then you are in luck. Recently, I found three tools that can help you find out more information about a site. Why [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[34,14],"tags":[870,871,183,872,1481,83],"class_list":["post-3119","post","type-post","status-publish","format-standard","hentry","category-design","category-tutorials","tag-chrome-sniffer","tag-firebug","tag-firefox-extensions","tag-wapplyzer","tag-wordpress","tag-wordpress-plugins","entry","has-post-thumbnail"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-Oj","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/3119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=3119"}],"version-history":[{"count":0,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/3119\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=3119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=3119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}