Google Search、Chrome Devtools Tips

1. chrome-devtools 调试技巧 1

  1. 包括记录请求(清理请求、重放请求、记录请求)
  2. 更改加载行为(缓存、Cookie清理、UA覆盖)
  3. 过滤筛选请求(通过Filter请求属性、多资源请求类型选择实现)
  4. 排序请求(按列比如资源大小、类型、加载时间等)

1.1. 请求UA设置

  1. 支持ua自定义,以前自己还通常下一些扩展插件

通过选择Network,按键esc就可以出来console面板,选择网络>UA自定义

1.2. 资源Filter支持

通用模式mime-type:image/gif larger-than:1K,支持快速条件,支持的条件有:

  1. domain:*baidu.com:域名过滤,*.comdomain:*baidu*都OK
  2. has-response-header:请求头过滤
  3. is:running:Websocket资源
  4. larger-than:1k:资源大小
  5. method:post:HTTP请求方法
  6. mime-type::MIME类型
  7. mixed-content:all:混合资源
  8. scheme:https:协议,如果想过滤掉chrome的扩展内容,可以通过-scheme:chrome-extension
  9. set-cookie-domain:xxx:查看域名设置了Set-Cookie的资源
  10. set-cookie-name:yyy:查看匹配Set-Cookie名称的资源
  11. set-cookie-value:zzz:查看匹配Cookie值的头
  12. status-code:200:状态码

1.3. 资源类型

可以通过按住Command(mac)、或者Ctrl(linux/win),点击不同资源,筛选多类资源。

1.4. 请求分析

本部分内容,应该比较常用,而且比较容易,可以直接查看原资源内容即可。比如直接通过右键不同的值,选择相关选项(比如查看HTTP头、COOKIE、REMOTE IP这类信息)

2. Google搜索常用技巧总结

默认情况下,一个简单的搜索引擎,会包含网页信息提取、分析、索引、查找四个基本块(后续有时间会考虑自己拿Go尝试写一个简单的搜索引擎实现)。

官方搜索工作方式说明 2,大致流程也是如上:整合网上信息、构建搜索索引、PageRank搜索算法、用户意图识别、信息检索、数据呈现,Google工程师就是不断持续的优化和改善产品让搜索越来越强大!

比如,结合机器学习、人工智能,记录每次搜索的内容,可以做到无论你在搜索栏键入什么内容,弄清楚你的意图,然后提供参考意图提示和检索的结果。即拉里佩奇说的:能够准确理解您的意图,并返回您所需的确切信息。

虽然Google搜索已经很强大了,但在使用过程中,我们可以通过一些小的技巧,可以更快的找到自己想要的信息!

2.1. 机器思维,站在搜索引擎角度考虑语义识别

机器思维:思考如何让搜索引擎更加容易的懂得你的意图(其实搜索引擎也在尝试理解你意图),比如:

  1. 从范围角度入手,在加关键词,比如深圳 腾讯北京 腾讯
  2. 从时间角度入手
  3. 尽量使用关键词,不要整个句子,因为搜索引擎在处理输入过程中,涉及你输入内容中的噪音数据(信噪比),可能还涉及你的词语替换
  4. 结合搜索引擎的预设规则,进行相关信息的筛选和过滤,比如+包含-排除""双引号检索整个关键词

2.2. 查询关键词的包含关系

默认情况下,Google检索的词是被分词处理,我们可以通过空格主动分词,分完词后按算法计算相关网页权重排序,呈现给用户;

分词后的结果,会基于的关系检索,比如搜索golang web framework,则分词为golangwebframework三个词来分别呈现,都包含的比部分包含的权重要高!

Gin is a HTTP web framework written in Go (Golang). It features a Martini-like API 
with much better performance -- up to 40 times faster. If you need smashing ...

搜索带双引号,即"golang web framework",则是搜索结果优先全包含"golang web framework"的关系,可以区分golang "web framework"

gramework, 345, 40, 15, Fast and Reliable Golang Web Framework, 
2020-01-21 17:51:59. aegis, 269, 14, 8, Serverless Golang deploy tool and framework for

2.3. 模糊匹配

搜索内容"golang * framework",则搜索结果会包含:

Golang Web Framework
Golang Router framework
Golang Echo framework 
...

2.4. 加号+-

Kibana其实也是类似的操作,34

  • +:必须包含指定字段
  • -:排除指定字段
// 搜索golang框架,需要包含go micro
golang framework +"go micro"

Go Micro is a framework for distributed systems development. Overview. Go Micro provides the core requirements for distributed systems development including

2.5. 指定文件类型搜索

filetype:pdf infoq golang

通常,我们为了搜索某些pdf资源,可以通过类似技巧准确定位,比如检索,即搜索在infoQ和Golang相关的pdf资料

2.6. 指定站点搜索

istio site:tkstorm.com 从指定站点搜索,关键词istio

2.7. 补一张图


  1. https://developers.google.com/web/tools/chrome-devtools/network/reference#user-agent ↩︎

  2. https://www.google.com/search/howsearchworks/ ↩︎

  3. https://www.elastic.co/guide/en/kibana/master/lucene-query.html ↩︎

  4. https://www.timroes.de/elasticsearch-kibana-queries-in-depth-tutorial ↩︎