如何在Chrome中临时编辑网页? -- chrome-for-android 领域 android 相关 的问题

How do I temporarily edit a webpage in Chrome?


11
vote

问题

中文

我想暂时编辑手机上的Chrome中显示的网页,类似于Chrome Desktop的检查元素功能。我理解这是暂时的,但我想做一些测试。

我没有看到应用程序本身中的选项,我是否需要扩展,另一个应用程序,或者是不可能的吗?

英文原文

I want to temporarily edit the webpage displayed in Chrome on my phone, something similar to Chrome desktop's Inspect element feature. I understand this is temporary, but I want to do some tests.

I don't see that option in the application itself, do I need an extension, another app, or is it impossible?

  
 
 

回答列表

8
 
vote
vote
最佳答案
 

在URL BAR中运行以下代码段在Chrome for Desktop 和Android:

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

一个重要说明:复制后&将代码粘贴到地址栏中,Chrome会自动剥离 javascript: 一部分。您必须添加重新添加,或者它不会工作!

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

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

然后你可以做 print>另存为PDF 如果需要保存编辑的网页。


我是一个专业的Web开发人员,所以这绝对是对我的用途。不用说, 如果你做的事情,我并不责任 有了这个,例如伪造公司的'谢谢,您的订单已确认'页面以伪造屏幕截图/打印出来欺骗它们。

我最初从堆栈溢出中获取代码,其中有 28这样的问题。

 

Running the following snippet in the URL bar works in both Chrome for desktop and Android:

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

One important note: after copying & pasting the code into the address bar, Chrome automatically strips the javascript: part of it out. You must add that back in or it won't work!

It's to prevent malicious code being run by dumb users who think they'll win an iPad or get +1,000 Facebook friends if they copy some dodgy JS into the address bar.

It has the affect that the whole page becomes editable.

You could then do Print > Save as PDF if you needed to save the edited webpage.


I'm a professional web developer so this definitely has its uses for me. Needless to say, I am not liable if you do something underhanded with this, e.g. falsifying a company's 'thanks, your order is confirmed ' page to defraud products from them with a faked screenshot/print out.

I originally got the code from Stack Overflow, where there are 28 such questions.

 
 
       
       
4
 
vote

你可能想看看这个官方指南:远程调试在android上用chrome 。它涉及将手机连接到PC,并使用Chrome DevTools调试页面。

 

You may want to look at this official guide: Remote Debugging on Android with Chrome. It involves connecting your phone to a PC, and debugging the page using Chrome DevTools.

 
 
 
 
1
 
vote
要停止编辑页面,可以使用以下方式:

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

 

To stop editing the page, you can use this:

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

 
 
0
 
vote

首先添加"查看源:" 之前"http://" 之前 然后在地址栏中键入此内容 JavaScript:Document.Body.ContentEditable ='真'; document.designmode ='开'; void 0

 

First add "view-source:" before "http://" Then type this in the address bar javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

 
 
 
 

相关问题

26  有没有办法在Chrome中添加所有选项卡?  ( Is there a way to bookmark all tabs in chrome ) 
有没有办法在android中为chrome中添加所有选项卡? (即右键单击和 Ctrl 功能不可用) 如果它有帮助,我正在使用Android 平板电脑。 ...

10  如何激活谷歌翻译在Chrome中?  ( How do i activate google translate in chrome ) 
当我在一个完全以外语中完全的页面上看"你想翻译" 选项,但如何使Chrome翻译有90%英语和另一种语言的几行的页面。有没有一个按钮,我可以安装或其他东西,因为只有几句话只有少数句子都没有出现谷歌翻译。 操作系统:4.1 S3 ...

0  如何在reddit的chrome等外部浏览器中打开Web链接?  ( How to open web links in external browser like chrome from reddit ) 
我有一种使用外部浏览器的Web链接的习惯,通常是读取文章,但只要我点击内部浏览器中的任何链接,它会在我的Android智能手机中同时使用RedDit。如何在我的Android智能手机在Google Chrome这样的外部浏览器中从Reddit打开Web链接? p.s。我正在为Android使用官方Reddit应用程...

6  Chrome在Android上的开发工具  ( Chromes development tools on android ) 
是否可以在Android中打开Chrome的开发工具?是可以用java做这样的吗? 我尝试进入设置,但是可以访问控制台并为浏览器创建cookie? ...

5  无法使用Chrome上传任意文件  ( Cannot upload arbitrary files using chrome ) 
使用第一次最新的Chrome(v30.x)在1ste.Samsung Galaxy Tab 10.1平板电脑上的Android 4.0.4 IC上。对我巨大的惊喜,我无法上传图像或相机视频以外的任何文件吗?在任何网络邮件中,当我单击附上时,将显示一个应用程序列表,其中包括图库,相机等,但内置的文件管理器(我的文件)无...

5  如何关闭Chrome中的所有选项卡为Android?  ( How do i close all tabs in chrome for android ) 
我在android 平板电脑上使用chrome 32 ( not 电话),无法弄清楚如何在一个转移中关闭所有打开的选项卡。 ...

26  如何在Google Chrome for Android中检索已保存的密码?  ( How to retrieve saved password in google chrome for android ) 
是否有任何方法可以检索Google Chrome for Android中的任何URL的存储密码。这不是以任何方式与桌面版本运行的Google Chrome连接。我能够在桌面中查看Google Chrome中的保存密码,但不在Android版本中。请帮忙。提前致谢。 ...

2  Chrome://下载/不提供Google Chrome for Android  ( Chrome downloads does not available in google chrome for android ) 
我有一个三星Galaxy Tab S2,Google Chrome for Android与我的标签兼容,所以我安装了它。 我点击了一个链接以下载视频文件。 Google Chrome显示了一个敬酒消息,下载已启动。 但是,在此吐司之后,我找不到Chrome下载文件的地方。 i查询 chrome://downlo...

2  从浏览器或下载打开.ics文件时“无法启动事件错误”  ( Unable to launch event error when opening ics file from browser or downloads ) 
我有一个nexus平板电脑运行Android版本5.0.1,Chrome 60和Google日历5.7 从网站下载时,我无法查看.ics日历文件。这些.ics文件在测试的每个其他设备上都有工作。我知道这是Google日历5.0.1的问题,但它应该在5.1中修复。我还读到此问题已在更新的更新中重新安装。是否有解决方法...

6  禁用“关闭所有隐姓埋名选项卡”在Chrome for Android上通知  ( Disable close all incognito tabs notification on chrome for android ) 
最近,Chrome for Android更改了一个功能,在锁定屏幕上添加通知,并且在通知条上随时打开隐姓埋名选项卡。 我在锁屏上不想要大量通知告诉每个人我打开它们。 有没有办法禁用这个? ...

25  我如何通过狡猾的广告脚本停止被重定向到App Store / Google Store?  ( How can i stop being redirected to the app store google store by dodgy ad script ) 
现在有一大堆网站,它真的很烦人: 我访问了我的Android设备上的内容网站。 加载后10-15秒开始该网站挂起几秒钟。 Google Play商店用垃圾应用程序(通常是一些可怕的FTP或无用的电池应用程序)预先选择。 这似乎是因为一个狡猾的广告脚本(即,在网页中运行的javascript)是不知何时能够将我的...

0  我必须重置我的nexus 7吗?  ( Will i have to reset my nexus 7 ) 
我有一个跑果冻豆的Nexus 7。我正在下载文件,以某种方式我设法删除了一些刻度标记。现在我无法从网上下载任何内容而没有Chrome停止工作。然后我试图从播放商店下载备份程序,该疯狂的播放商店停止。 如何以及在哪里再次添加标记?我必须重置我的nexus 7吗?如果是这样,我买的所有应用程序然后丢失? ...

0  在Android上的cookie警报  ( Cookie alert on android ) 
有没有办法在Android上阻止欧盟cookie警报? 尝试了adblock浏览器 - 没有运气。而且我在PC上使用Cookie警报拦截器,这在Android上不起作用。 ...

3  如何从Android Chrome浏览器中删除一个特定的自动建议的URL  ( How do i delete just one specific auto suggested url from android chrome browser ) 
我想在我的移动(Android)Chrome浏览器中的自动建议中只删除一个特定的URL。当你忘记使用隐身模式时,你会知道它有多尴尬。不知道如何删除汽车建议的网站。 Shift + Delete无法使用Mobile,因为不可能使用Maile。此外,我想保留所有其他浏览器的建议。 任何人都可以提供帮助吗?请... ...

0  将智能手机模式切换到平板电脑模式的Chrome接口  ( Switch chrome interface from smartphone mode to tablet mode ) 
我只想有一点:Chrome在MadiaPad T2 7.0 Pro(PLE-701L)上的Chrome的更改接口。现在看起来像智能手机版本(右侧图片): 但我想将界面更改为平板电脑模式(左图)。 据我所知,有特殊命令切换接口。 配置: 平板电脑:MediaPad T2 7.0 Pro(PLE-701L) 修正...




© 2021 it.wenda123.org All Rights Reserved. 问答之家 版权所有