[TOC] ## 电脑端 ### 1.打开控制台的三种方式（部分网站会屏蔽其中一两种方式建议都掌握） #### 第一种方法(容易被屏蔽)： 按键盘上的 F12 #### 第二种方法(容易被屏蔽)： 在网页任意区域**鼠标右击**，在弹出的菜单中点击**检查**  #### 第三种方法(麻烦但不会被屏蔽)： 在浏览器右上角菜单中打开控制台或开发者工具  ### 2.复制 Selector  ### 3.注意事项 不建议直接粘贴 Firefox 或 chrome 里生成的 CssSelector，这些浏览器在渲染页面会根据标准自动补全一些标签，如 table 标签会自动加上 tbody 标签，这样生成的 CssSelector 路径显然不是最通用的，所以很可能就取不到值。所以，建议在取到值后对值进行一些删除和简化操作。 ## 手机端（虽然有些麻烦，但也是目前唯一方法） ### 1.初次使用 打开搜索源管理页，在右上角选项中选择审查元素  在审查元素网址输入框中填写需要审查元素的网址，点击确定  在浏览器页右上角选项中选择开发者工具，等待弹出开发者工具  第一次使用：可以在设置中进行一些自定义  ### 2.选择元素 在 Dom 页底部点击检查选定元素会跳转至 Elements 页，也可以直接点击至 Elements 页  在 Elements 页底部点击最左边图标，即可开始检查选定元素  点击浏览器内任意区域，有蓝色图层覆盖即可选择  选择完成以后再次打开开发者工具，也可通过浏览器内多出的悬浮图标点击  这里我们可以在 Dom 页可以看到对应蓝色区域元素位置  ### 3.根据选择元素位置编写 CSS 选择器语法 可以根据上面编写得到语法 ``` ul > li.clearfix ``` 具体编写参考语法说明 [搜索源开发手册 · 语法说明](https://www.kancloud.cn/book/ylk2534246654/myacg/preview/SourceMakingTutorials.md#JsoupCssSelector_8)