Jak testovat responzivitu na iphonu a Androidu

Ahoj, mám asi hloupí dotaz, ale dělám teď web a potřeboval bych udělat jeho mobilní verzi. Potřebuji to vidět ale v reálu a tak si stránky načítám na zařízeních s ios safari a androidu (chromu). Bohužel oba prohlížeče si stránky načítají do mezipaměti a já tak nemohu zobrazit své úpravy.

Má otázka tedy zní... Jde nějak tuto mezipaměť dočasně vypnout? A jak?

Případně napište, jak vy ladíte responzivitu webů :)

Díky
Honza

Pokud nelze vypnout cache na serveru tak se používá verzování css souborů:

<link rel="stylesheet" type="text/css" href="style.css?v=0.0.1" />

Nebo místo verzování typu 0.0.1 lze pomocí PHP nahradit timestamp ( vždy jedinečný podle času )

<link rel="stylesheet" type="text/css" href="style.css?v=<?php time()?>" />

- Určitě ale nepoužívat na produkci, pouze na developmentu a na produkci klasicky verzovat

V google chrome např. dej pravým prozkoumat => otevře se ti konzole => vlevo jsou 2 ikony, ta druhá je zobrazení responsivní.
Nahoře pak měníš buď responsivní natahuješ na šířku, nebo je tam nabídka telefonů...
Až to vše mám OK, pak kouknu v telefonu, kde to je taky oK.

<link rel="stylesheet" type="text/css" href="style.css?v=<?php time()?>" />

sice udela to same, ale mam uspornejsi reseni:

<link rel="stylesheet" type="text/css" href="style.css?v=<?php filemtime('style.css')?>" />

tj. cas posledni zmeny souboru

Ještě jsem zapomněl napsat, že jde o web na elementoru, tj. wordpress. Můžu tam aplikovat nějaké vaše řešení? :)

Změny v elementoru se projeví ihned po uložení, tam se to řešit nemusí, verzování provádí přímo WP.