这里以获取演示站点一网站公共区域的右侧的html代码为例来说明这个问题。
1:用火狐浏览器打开演示站点一的任何一个页面,这里我们以打开在线留言为例
2:按F12打开Web开发者工具并且点击“选取网页中的元素”这个按钮
3:点击网站右侧那一块区域的某个元素,比如我们点击一下右侧的那个QQ图标,然后将鼠标移动到查看器最下面的那一块区域的body,div.plug_service am-scrollspy-init am-sc,ul,li,a,span这几个地方,注意观察网页发生的变化
4:通过观察发生的变化,就可以判断出右侧的代码就是整个class属性值以plug_service am-scrollspy-init am-sc开头的那个div标签
5:再点击一下上图中最长的那一个箭头所指的位置,此时就会自动定位到当前整个div标签的第一行
6:将鼠标移动到第一行,点击右键,点击“复制”,点击“整体HTML”,此时我们复制到的就是网站公共区域右侧的html代码了