如何在Chrome中临时编辑网页？

10

我想临时编辑手机上Chrome浏览器中显示的网页，类似于Chrome桌面的Inspect元素功能。我知道这是暂时的，但是我想做一些测试。

我在应用程序本身中看不到该选项，我是否需要扩展程序，另一个应用程序，还是不可能？

chrome-for-android

— 比布兹
source

Chrome网上应用店（扩展程序）在Android版Chrome上不可用，我在网络上也没有遇到任何扩展程序。

— Firelord

7

在网址栏中运行以下代码段可在台式机和 Android版Chrome浏览器中使用：

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

重要注意事项：将代码复制并粘贴到地址栏中后，Chrome会自动将其javascript:部分剥离。您必须将其重新添加，否则将不起作用！

这是为了防止愚蠢的用户运行恶意代码，这些用户认为，如果他们将一些狡猾的JS复制到地址栏中，将会赢得iPad或获得+1,000个Facebook朋友。

它具有影响整个页面变为可编辑。

然后，如果需要保存已编辑的网页，则可以执行“ 打印”>“另存为PDF”。

我是专业的Web开发人员，因此这肯定对我有用。不用说，如果您对此有欠妥之处，例如，伪造公司的“ 谢谢，您的订单已确认 ”页面，使用伪造的屏幕截图/打印出来的产品来欺骗他们，我将不承担任何责任。

我最初是从Stack Overflow获得代码的，那里有28个这样的问题。

— 丹尼·贝克特（Danny Beckett）
source

2

有用！至少您可以编辑页面文本并从页面中删除对象。

— Jerry101

1

我不确定您如何使用它，当我将其复制到地址栏时，它会在Chrome（台式机和移动版）中搜索这些术语。

— Bibz 2015年

是的，您是对的，由于URL太长，我错过了剥离部分。

— Bibz 2015年

4

您可能需要看一下此官方指南：带有Chrome的Android上的远程调试。它涉及将手机连接到PC，并使用Chrome DevTools调试页面。

— 格昌
source

1

这很有趣，但是我希望可以只使用电话。如果其他所有方法都失败，我将尝试您的方法。谢谢。

— Bibz

1

要停止编辑页面，可以使用以下命令：

javascript:document.body.contentEditable = 'false'; document.designMode='off'; void 0

— G Phip
source

0

首先在“ http：//”之前添加“ view-source：”，然后在地址栏中输入以下内容：javascript：document.body.contentEditable ='true'; document.designMode ='on'; 无效0

— 用户名
source

user218255效果很好。谢谢。但是，在编辑代码之后如何返回？查看更改。斯特凡

— 斯特凡2015年