html - 在不删除其子项的情况下删除 Chrome DevTools 中的 HTML 元素?

标签 html google-chrome google-chrome-devtools

我正在尝试在某人的网站上使用 Chrome DevTools 来清理他们的代码并使事情看起来像他们要求的那样。

到目前为止,我无法在不删除其子元素的情况下删除 HTML 元素(我右键单击 <div> 我想删除并单击 “删除元素” - 但是这还会删除其中的所有子元素)。

但是,我只想删除外层的 <div>包装,因为它是多余的和不必要的(代码无缘无故地在 div 内部的 div 内部乱七八糟)。当我双击 <div>并使用删除键删除它,我无法删除外面的胡萝卜,当我单击退出时,<div>再次出现。

我几乎可以肯定我错过了一个简单的步骤 - 有人能给我指出正确的方向吗?

最佳答案

右键单击要删除的 div,然后选择“编辑为 html”。删除不需要的行,然后在可编辑区域外单击以将其关闭。

关于html - 在不删除其子项的情况下删除 Chrome DevTools 中的 HTML 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41326164/

相关文章:

html - 棘轮复选框列表

html - Magento 模板/布局如何更改产品 View

css - 背景附件修复了 chrome 滞后

google-chrome - 在后台选项卡中打开链接时保持 chrome 扩展弹出窗口打开

javascript - 为什么开发工具不理解闭包?

html - 带有 Bootstrap 的表格单元格宽度

javascript - CSS Marquee Slider 补偿外宽减去内宽

javascript - 固定标签更新通知

google-chrome - 网络选项卡上的这些数字是什么意思?

ios - 运行时尚未准备好进行调试