在开发过程中存在很多与Host相关的问题。在这里,我与您分享我的经验。
管理主机
环境有很多种,dev、test、、等等,有的不止一种。管理这么多主机,必须要有一个利器,这里推荐。是一款开源软件,想必很多童鞋都已经在使用了。
激活一个或多个标签,灵活管理Host
配置远程主机,多人同步更高效
有几个非常强大的功能。首先是可以创建多个标签让我们管理Host,并且可以选择启用一个或多个标签,真的很酷。
此外,还支持远程文件。团队可以在测试环境中维护统一的Host,通过nginx提供http服务。然后,所有组员分配这个地址,然后开启自动刷新,可以有效提高组队效率,减少怒气。
浏览器主机缓存
前端工程师,后端工程师,产品,和前端相关的测试都有被浏览器Host缓存折磨,不断刷新页面,重启浏览器,开启隐身模式的经历,都是他们都被我捅了?. 这里先给大家一些小技巧,再推荐一款插件谷歌浏览器清除DNS缓存的方法,完美解决浏览器Host缓存问题。
提示一
按照以下步骤在控制台上查看 IP。
提示 2
检查IP的另一种简单方法:
提示 3
它引人注目且强大。分两步,您不仅可以查看 IP,还可以清除缓存。访问地址:://net-/#dns,点击图片上的清除主机缓存按钮,清除主机缓存。不过不用担心,还有第二步,点这个还是有问题的。
第2步:点击图片左侧的篮子链接,然后点击右上角的Flush pools按钮。
为什么需要两个步骤?应该是第一步清理Host缓存,第二步清理使用之前缓存创建的链接,然后刷新页面使用新Host创建,达到我们的目的。
提示 4
为了更快的将页面呈现给用户,服务器端也有很多谷歌浏览器清除DNS缓存的方法,成本方面的考虑,静态资源会缓存在浏览器本地,也就是说前端的一些资源不向后端发送请求——归根结底,这类资源有一个特点,如下图:
这种主机没用,不过还是有一个简单的方法。打开开发者工具后,右键刷新按钮,会出现三个选项。这时候选择第二个或第三个选项可以清除这些静态资源的缓存。
提示 5
一直在用技巧3提高效率,装作,但是每次都要打开地址,然后又要切换页面再点击,还是很麻烦。所以我推荐另一个插件。
重要重要重要!安装插件后,需要配置浏览器才能正常使用。访问网址:://flags/#-on--urls,点击启用,如下图:
点击右上角的插件Logo,完成技巧3的操作并清除Host缓存:
如下图右击显示当前页面的IP:
演戏
以上基本解决了PC开发过程中与Host相关的各种问题。那么移动端呢?开发H5时,手机应该如何切换Host。这里推荐两个代理软件:和,可以安装在 Mac 上。
安装好启动软件后,通过简单的配置即可启动代理服务。具体可以直接连接百度。然后手机和电脑连上同一个wifi并在手机上配置上述代理。此时手机会以电脑为代理访问网页。最重要的是电脑上配置的Host可以正常工作。网上有很多文章,我就不累了。
如果你觉得这篇文章有用,请关注!!!
评论留言