oeasy教h5前端001 修改的乐趣_直接修改在线网页

001修改的乐趣_直接修改在线网页

修改的乐趣

上来就做

• 用本地火狐 打开百度
  1. 离开蓝桥中的 虚拟机
  2. 在本地的浏览器上 新建标签页
  3. 在新标签页中 打开百度

1. 搜索 爱你

修改文本

• 如下图
  • 右键 选择歌名
  • 检查元素

• 在底部弹出的检查器中
  • 找到歌名进行修改
  • 将 《爱你》
    • 修改为
    • 《爱你孤身走暗巷》

观看效果

• 回车后

具体效果

• \和\ 之间的爱你
  • 被修改了

• 还能改点啥吗？

修改歌手

• 想改什么
  • 就先选中 什么
  • 再 检查元素

• 想到改什么了么？

思路

• 可以修改的 列表
• 人物关系图
• 热搜
• 歌词
• 支付宝余额
• xxx的女友竟然是...

• 图可以修改么？

小丑

• 去百度图片
  • 搜索小丑
• 右键选中 喜欢的
• 还是 找到检查元素
• 在弹出的 查看器中
  • 找到图像链接
  • 左键双击下图中 src=" 后面的 http://...

• 将双引号引起的图片链接复制到剪贴板

• 这个图片的网址可以直接访问吗？

可以访问

• 把复制好的图片地址 粘贴到地址栏
  • 可以在标签页中 直接显示

• 浏览器中 可以 访问到图片

  • 复制 这个小丑图片的 地址

    images/u_975264033_2582007699_fm_253_fmt_auto_app_138_f_JPEG.webp

再搜索

• 再搜索 新主题
  • 比如 XXX的女朋友竟然是...
  • 或者 孤勇者

• 出现很多 相关照片

修改图像

• 选择 第一张
• 右键 检查元素

替换

• 找到src
• 左键双击src后面的红框中的图片链接

• 将选中的图片的src清空

• 粘贴 小丑的图片地址
• 然后回车

修改成功

• 这样就可以
  • 修改第一个图片了
• 哈哈！！！

• 可以全部 都 修改 吗？
• 动手去做吧！！
  • 别忘了截个屏！！！
  • 可以分享快乐啊！！！
  • 让 ta 霸屏了！！！

总结

• 这次 我们修改了网页
• 在 已有网页上
• 右键 检查元素
• 可以修改 文字
• 改出 自己的热搜、热榜
• 图片 也能修改
• 让喜欢的事物 霸屏吧!!!

• 为啥 可以 这样玩呢？🤔
• 下次再说！👋🏻