Chrom浏览器升级后检查元素时无法以html方式进行编辑

清韵

已于 2022-04-13 13:33:50 修改

阅读量2.3k

点赞数 1

文章标签： chrome

于 2022-04-13 13:30:49 首次发布

本文链接：https://blog.csdn.net/yunxi168/article/details/124145341

版权

Chrom浏览器升级后，检查元素时无法以html方式进行编辑

    前段时间嫌Chrom老是提醒版本过低，遂计划将Chrom版本从现在的 91升级到99。

需求：
由于某些特别的需求，打开某些需要付费复制网页的网页时需要进行元素编辑和删除，甚至是挑出主要内容插入到某些比较干净的主页以便于进行复杂等图文处理。

对比：
91版本的“检查（审查）”是英文版，在元素面板中选择element后，可以很直观地选择和编辑需要编辑的元素，通过右键单击“元素”选项卡中选择“Edit as HTML（编辑为HTML）”。
在这里插入图片描述

图1
在这里插入图片描述

图2
在这里插入图片描述

图3

99版本的“检查（审查元素）”是中文版，在元素面板中选择元素后，无右键菜单，编辑时可以通过快捷键实现。
编辑为HTML（旧版本为Edit as HTML）的快捷键为：F2
Ctrl + Z和Ctrl + Y热键：撤消或重做HTML编辑
注意：
除非启用持续性编辑，否则所有的本地编辑内容将在页面刷新时丢失。
在这里插入图片描述

图4

**Elements 面板中的快捷键如下：**
Elements 面板	Windows	Mac
撤销修改	Ctrl+Z	Cmd+Z
重做修改	Ctrl+Y	Cmd+Y,Cmd+Shift+Z
导航	Up,Down	Up,Down
展开 / 折叠节点	Right,Left	Right,Left
展开节点	三角头上单击	三角头上单击
展开 / 折叠节点及其所有子节点	**Ctrl+Alt+点击三角头图标**	Opt+点击剪头图标
编辑属性	Enter,属性上双击	Enter,属性上双击
退出属性编辑  按Ctrl + Enter或直接单击您正在编辑的文本框外部来保存更改。
隐藏元素	H	H
**编辑为HTML	F2**	
**删除元素	del**