手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎么利用浏览器的开发者工具来修改网页的内容

时间:2024-10-31 19:23:04

1、打开任意一浏览器,谷歌,火狐,ie等浏览器都可以,这里以windows 10版本的Microsoft Edge浏览器为例。

怎么利用浏览器的开发者工具来修改网页的内容

2、点击选择任意网页,如百度搜索的网页。

怎么利用浏览器的开发者工具来修改网页的内容

3、打开浏览器设置,选择开发者工具,或者通过F!2快捷键打开开发者工具。如图1。

怎么利用浏览器的开发者工具来修改网页的内容

4、开发者工具界面,主要关注元素菜单栏的定位图标。如图2.

怎么利用浏览器的开发者工具来修改网页的内容

5、点击开发者工具里的定位图标,2、选择要改变的网页内容,该图标会把网页内容的代码显示出来。如图3:百度搜索里的换肤两个字。

怎么利用浏览器的开发者工具来修改网页的内容

6、在开发者工具界面右键选择“编辑html”功能,就可以编辑该内容了。例如我把百度搜索里的换肤两个字改为皮肤。如图4.

怎么利用浏览器的开发者工具来修改网页的内容

7、效果

怎么利用浏览器的开发者工具来修改网页的内容
© 手抄报圈