{"id":1659,"date":"2017-06-08T09:36:45","date_gmt":"2017-06-08T13:36:45","guid":{"rendered":"http:\/\/www.thatsoftwareguy.com\/blog\/?p=1659"},"modified":"2018-09-01T17:39:42","modified_gmt":"2018-09-01T21:39:42","slug":"testing-css-and-js-changes-in-chrome","status":"publish","type":"post","link":"https:\/\/www.thatsoftwareguy.com\/blog\/2017\/06\/08\/testing-css-and-js-changes-in-chrome\/","title":{"rendered":"Testing CSS and JS changes in Chrome"},"content":{"rendered":"<p>Google&#8217;s Chrome browser has a nice feature that&#8217;s handy when you&#8217;re testing css and Javascript, and want to constantly refresh these files as you change them.<\/p>\n<p>If you open the stacked three dots menu in your browser (to the right of the address bar) and open &#8220;More Tools -&gt; Developer Tools&#8221;, then press the stacked three dot menu on that dialog, you&#8217;ll see a checkbox under Network with the label &#8220;Disable cache (while DevTools is open)&#8221;. \u00a0Check this, and you&#8217;ll always be using the freshest copies of your css and js files.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1660\" src=\"http:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2017\/06\/Screen-Shot-2017-06-08-at-9.35.15-AM-300x104.png\" alt=\"\" width=\"300\" height=\"104\" srcset=\"https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2017\/06\/Screen-Shot-2017-06-08-at-9.35.15-AM-300x104.png 300w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2017\/06\/Screen-Shot-2017-06-08-at-9.35.15-AM.png 332w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google&#8217;s Chrome browser has a nice feature that&#8217;s handy when you&#8217;re testing css and Javascript, and want to constantly refresh these files as you change them. If you open the stacked three dots menu in your browser (to the right of the address bar) and open &#8220;More Tools -&gt; Developer Tools&#8221;, then press the stacked &hellip; <a href=\"https:\/\/www.thatsoftwareguy.com\/blog\/2017\/06\/08\/testing-css-and-js-changes-in-chrome\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Testing CSS and JS changes in Chrome<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58],"tags":[],"class_list":["post-1659","post","type-post","status-publish","format-standard","hentry","category-that-software-guy"],"_links":{"self":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts\/1659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/comments?post=1659"}],"version-history":[{"count":1,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts\/1659\/revisions"}],"predecessor-version":[{"id":1661,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts\/1659\/revisions\/1661"}],"wp:attachment":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/media?parent=1659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/categories?post=1659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/tags?post=1659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}