awesome 前端小技巧集合

前端小技巧

  1. 如何在不清理缓存的情况下更新当前链接
  2. 调节浏览器手机模拟器字体
  3. 如何强制性禁止chrome浏览器的中http自动转为https
  4. 如何清除chrome上的host缓存

1.如何在不清理缓存的情况下更新当前链接?

场景 : 当你反复修改当前URL的内容时,URL链接没有更变,你会发现浏览还是会渲染以前的内容,或许需要等待几分钟的时间才会刷新页面,但是你又不想等待,这时候怎么办?

解决:可以在当前的URL后面加上随机数。 假如当前URL为:http://www.123.com , 随便加上随机数:http://www.123.com?123123123

基本原理:由于http是无状态的,浏览器不会记录当前访问的链接是不是之前的链接,这时候浏 览器会默认认为这是一条不同的URL,这种情况很多时候是和 get请求能缓存 挂 钩,典型的例子就是:同一条URL的get请求的key-value键值对没有变化,这时候IE 浏览器将不会重复发起请求,一样的解决方法。

其他解决方法:可以从HTTP缓存角度入手,更改请求首部的过期时间等等

2.调节浏览器手机模拟器字体

调节浏览器手机模拟器字体

3.如何强制性禁止chrome浏览器的中http自动转为https

  • ① chrome 地址栏中输入 chrome://net-internals/#hsts

image

- ② 在 Delete domain security policies 中输入项目的域名,并 Delete 删除

image

  • ③ 可以重启浏览器看看是否已经生效

4.如何清除chrome上的 DNS 缓存

🚀 如果你本地开发使用的是 switchHost 或者 频繁切换host文件 可以食用这份方案

  • ①chrome 地址栏输入 chrome://net-internals/#dns

image

  • ②点击 clear host cache 按钮

---

原始 Issue:heycqing/blog#4