文章分类 -  谷歌浏览器调试

2020.2.24
【第八篇】谷歌调试窗口：手机web调试
摘要：【第八篇】谷歌调试窗口：手机web调试 一. 调试手机web浏览器网站 介绍： 从Windows，Mac或Linux计算机远程调试Android设备上的实时内容。本教程将向您展示如何： 设置您的Android设备进行远程调试，并从开发计算机上发现设备。 从您的开发计算机检查和调试Android设备上 阅读全文
posted @ 2020-03-21 14:31 对·味 阅读(445) 评论(0) 推荐(0)
【第七篇】谷歌调试窗口：辅助功能Audio面板
摘要：【第七篇】谷歌调试窗口：辅助功能Audio面板 审核页面的可访问性（给网站建设打分生成一份报告） 通常，使用“审核”面板来确定是否： 正确标记了页面以供屏幕阅读器使用。 页面上的文本元素具有足够的对比度。另请参见在“拾色器”中查看文本元素的对比度。 要审核页面： 转到您要审核的URL。 在DevTo 阅读全文
posted @ 2020-03-21 14:27 对·味 阅读(105) 评论(0) 推荐(0)
【第六篇】谷歌调试窗口：Javascript调试Sources面板
摘要：【第六篇】谷歌调试窗口：Javascript调试Sources面板 一. sources面板介绍 File Navigator窗格。此处列出页面请求的每个文件。 代码编辑器窗格。在文件浏览窗格中选择文件后，此处会显示该文件的内容。 JavaScript调试窗格。检查页面JavaScript的各种工具 阅读全文
posted @ 2020-03-20 18:29 对·味 阅读(397) 评论(0) 推荐(0)
【第五篇】谷歌调试窗口：Storage（Application）
摘要：【第五篇】谷歌调试窗口：Storage（Application） 注意：Storage并不是缓存，平常清除缓存表示的是请求资源缓存清理，这个要单独清除要看有没clear storage才对 一. Cookies 可以查看，筛选，编辑，删除 二. LocalStorage（本地存储）除非清除缓存不然一 阅读全文
posted @ 2020-03-20 18:08 对·味 阅读(517) 评论(0) 推荐(0)
【第四篇】谷歌调试窗口：Network网络问题
摘要：【第四篇】谷歌调试窗口：Network网络问题 一. 慢到第一个字节（TTFB） 问题 一个请求要花很长时间等待从服务器接收第一个字节。具有到第一字节的时间很慢的请求的示例。瀑布中绿色的长条表示 wait请求已等待很长时间。 原因 客户端和服务器之间的连接速度很慢。 服务器响应缓慢。在本地托管服务器 阅读全文
posted @ 2020-03-20 17:17 对·味 阅读(390) 评论(0) 推荐(0)
【第三篇】谷歌调试窗口：Network
摘要：【第三篇】谷歌调试窗口：Network “network”一打开面板为空。这是因为DevTools仅在网络活动打开时记录日志，并且自打开DevTools的network以来未发生任何网络活动。 网络日志的每一行代表一个资源。默认情况下，资源按时间顺序列出。最重要的资源通常是主要的HTML文档。最底层 阅读全文
posted @ 2020-03-20 17:08 对·味 阅读(912) 评论(0) 推荐(0)
【第二篇】谷歌调试窗口：Console
摘要：【第二篇】谷歌调试窗口：Console 一. 选择执行环境(切换后可以使用不同环境的全局变量) 以下屏幕截图中以蓝色突出显示的下拉菜单称为 Execution Context Selector。 通常，您会看到此环境设置为 top（页面的顶部框架）。 其他框架和扩展程序在其自身的环境中运行。 要使用 阅读全文
posted @ 2020-03-20 16:40 对·味 阅读(245) 评论(0) 推荐(0)
【第一篇】 谷歌调试窗口：CSS
摘要：【第一篇】 谷歌调试窗口：CSS 一. 使用Coverage标签查看已使用和未使用的CSS。还能查看未使用的js代码，绿色表示使用过的CSS。红色表示未使用的CSS。 当DevTools处于焦点状态时，按Command+ Shift+ P（Mac）或 Control+ Shift+ P（Window 阅读全文
posted @ 2020-03-20 16:16 对·味 阅读(230) 评论(0) 推荐(0)