zoukankan      html  css  js  c++  java
  • chrome谷歌浏览器开发者工具-网络带宽控制

      有时候我们想在本地测试一下图片预加载loading的加载情况,如下图:

      

      可无奈一般网络带宽都比较好,基本上看不到效果,图片一下子就加载出来了,

      可能这个时候有些小伙伴想到的办法是用定时器延迟加载

      其实Google Chrome开发者工具的Network面板提供了2个不错的方法

      方法一(推荐)如下图选择Network面板

      第二行,最右边的Online选项里面的Fast 3G或者Slow 3G就可以让网络带宽变成3G网,这个时候一般就可以看到效果啦

      

      注:如果你没有看到该选项,建议把开发者工具拉宽一些,有时候是被挡住了;还有就是谷歌浏览器建议为最新版本;

      方法二:打开Network面板,点亮左上角摄像机的图标(鼠标移上去会提示Capture screenshots),如下图:

      

      点亮该图标后,会打开新的一折叠面板,在该面板上会提示按Ctrl + R来启动截图,如下图:

      

      按Ctrl + R后,截图自动完成,双击截图就能查看大图;并且点击截图以后可以查看该截图时刻的Network情况。如下图所示:

      

      

      

  • 相关阅读:
    git的merge功能
    linux实用命令
    记录maven的一些命令
    java模拟报文
    spring boot利用swagger和spring doc生成在线和离线文档
    java将类和函数封装成jar
    spring cloud微服务搭建(一)
    linux根目录扩容
    快速上手UIView动画
    PHP变量
  • 原文地址:https://www.cnblogs.com/tu-0718/p/9158157.html
Copyright © 2011-2022 走看看