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

 时间: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、效果

怎么利用浏览器的开发者工具来修改网页的内容
  • IDEA如何查看maven的依赖版本
  • tomcat怎么修改端口号
  • input的类型text显示文本或password隐藏文本
  • Eclispse 换主题、皮肤、配色,换黑色主题护眼
  • 查看端口占用情况
  • 热门搜索
    青春手抄报内容 千字文手抄报 手抄报花边难又漂亮 关于战争的手抄报 五一劳动节手抄报的字 守则规范手抄报 关于感恩的手抄报资料 关于猴年的手抄报 关于运动会的手抄报 竞选大队委手抄报