“mobile”/ paypertrail
Welcome to Our Community
Wanting to join the rest of our members? Feel free to sign up today.

Null

 

Fixing the Chrome cache issues when designing

Discussion in 'Design and Creatives' started by Graybeard, Aug 1, 2018.

  1. Graybeard

    Graybeard Well-Known Member affiliate

    2,562
    1,279
    113
    On a desktop or tablet:

    1. F12
    2. Select the 'network' tab and check off 'disable cache'
    3. F5 reload the page without the cache
    4. F12 go back to the desktop view
    Then you can see your design (or file) changes ...
    Google Chrome is a designers/programmers nightmare sometimes -- this eliminates the problems with Chrome caching FAST.
     
    tyoussef likes this.
  2. Golden Goose
  3. Certified
    tyoussef

    tyoussef Moderator moderator Certified Vendor Service Manager affiliate

    4,004
    3,003
    113
    in mac to refresh with removing old cash, in any browser Command+Shift+R
     
  4. Graybeard

    Graybeard Well-Known Member affiliate

    2,562
    1,279
    113
    That wont work on Chrome LINUX. Used to long ago ... Firefox will sometimes reload a css change. If not ctrl+F5 will work.
    Chrome mobile (Android) you have to delete the cache from the settings or try an 'incognito' tab.

    I am working with a site using AJAX content, title and description updates. I think Chrome is a crap browser personally but it is a necessary devil as it has the largest market share today.
     
  5. Ruby Jean

    Ruby Jean Affiliate affiliate

    7
    2
    3
    You can implement a PHP script that must be the first line of code in your index file . It is an http header typically issued by web servers. You can also rename the resource that is considered "stale".
     
  6. Graybeard

    Graybeard Well-Known Member affiliate

    2,562
    1,279
    113
    Did you read that in a book :D
    I use PHP includes using SSI in HTML a lot. PHP
    The response header is what matters

    Why do you assume PHP? If you prefaced your statement with 'when using PHP' it might make sense.


    For the Google Chrometard browser (web hack and advertising tracking browser) on LINUX (if that matters)
    add this to the server configuration for HTML or any response headers that are going to be sent by the server

    Nginix style:

    FireFox honors the Ctrl +R command, Google is not that bright
    So this was intended as a work around
    2. What if I was testing a website not on my server? I could not modify the PHP script on some random remote server

    An implicit Cache-Control header at the webserver lever always worked for me on all browsers but is a server intensive header to use (for obvious reasons)

    >>>Setting the Content-Type header twice is illegal and therefore the behaviour will be undefined.

    See RFC7230 section 3.2.2:

    A sender MUST NOT generate multiple header fields with the same field name in a message unless either the entire field value for that header field is defined as a comma-separated list [i.e., #(values)] or the header field is a well-known exception (as noted below).

    Web servers often sanitise the HTTP headers emitted by applications, such as adding missing headers. One assumes that Apache removes the duplicate header whereas nginx does not.

    ^^^ php-fpm, nginx, and headers <<<


    Apparently the quoted string is supported on my Nginx version Indicating Character Encoding and Language for HTTP Header Field Parameters It may not be supported on older server versions being used.
     
    Last edited: Sep 7, 2018
banners