使用开发者工具续修京东网页

操作题

1.请使用开发者工具完成以下操作：

（1）打开任意网页，找到页面中的第一个标题元素

（2）修改该标题的文本内容为"开发者工具练习"

（3）将标题的颜色修改为红色

（4）截图保存修改后的效果

（1）打开任意网页，按下 F12 或右键选择 "检查" 打开开发者工具

切换到 Elements 面板；

（2）在 DOM 树中找到第一个标题元素（通常是<h1>标签），或使用 Ctrl+F 搜索<h1>；

（3）右键点击该元素，选择 "Edit text"，修改文本内容为 "开发者工具练习"；

（4）在右侧 Styles 面板中，找到或添加color属性，设置值为red

确认修改后的效果，使用截图工具（如 Win+Shift+S）保存当前页面

2.按照要求依次将截图放到题目下方

（1）浏览器访问https://www.example.com，Fiddler 捕获请求

（2）筛选出主文档请求（Type 为 text/html）

（3）右键 “Copy → Just URL” 复制链接，对比浏览器地址栏

https://www.example.com/

（4）找出页面中所有图片请求（Type 含 image），记录最大的图片 URL。

https://ts1.tc.mm.bing.net/th?id=ORMS.527GqEnPVodu6A&w=612&h=304&qlt=90&c=1&rs=1&dpr=1&p=0

3. 使用 Fiddler 修改抓包中的密码（通常是登录请求中的密码字段），需在合法授权的测试场景下进行