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

How do I temporarily edit a webpage in Chrome?


简体版||繁體版
11
vote

问题

中文

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

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

english

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

 
 
 
 

相关问题

18  如何在没有菜单按钮的设备上刷新Chrome(Ctrl + F5模拟)中的网页?  ( How to refresh a web page in chrome ctrlf5 analogue on a device without menu ) 
我有一个带有4.2.2和Chrome浏览器的Nexus 7 Android设备。 如何执行Web页面的深刷新 - ctrl + f5 热键的类似桌面上的热键? 请注意,设备没有菜单按钮。 根据唯一的我在这里找到的相关问题,解决方案是完全清除浏览器缓存。我更喜欢更方便和优雅的解决方案。 ...

26  为什么新的Chrome更新希望许可使用我的相机和音频录制?  ( Why does the new chrome update want the permission to use my camera and audio re ) 
严重,它专门说明它可以使用相机和音频录制任何需要的时间,我是否希望它到。为什么Android上的Chrome请求这些权限? 我应该担心吗? (强调我自己的。) ...

17  如何在移动Chrome上添加书签而不复制和粘贴?  ( How can a bookmarklet be added on mobile chrome without copying and pasting ) 
在我的Android手机上,用户如何添加 bookmarklet 我的Chrome书签,无需使用其他设备,而无需复制和粘贴? 我的网站上有一个书签,我想要其他人要添加到他们的书签,所以我正在寻找一个直接的方法。 bookmarklet是书签,但其中包含JavaScript代码而不是常规Web链接。 在很多方面,可...

0  是不可能通过链接知道Android手机的WiFi MAC地址吗?  ( Is it impossible to know a wifi mac address of an android phone via a link ) 
有人怀疑他使用我的被盗的手机,所以我想确保他使用的手机是我的,而不是了解手机的WiFi MAC地址,看看它是否是我的。 我已经使用了 iplogger 之前但所有显示的东西都是IP地址 - android版本 - 浏览器 - 手机型号 - 等。在告诉警察这个人之前,我只是想确定。 我已经完成了跟踪报告,但他们什么...

0  Chrome重定向到三星移动上的信使  ( Chrome redirects to messenger on samsung mobile ) 
我一直在我的三星Google Chrome浏览器上重定向通知,其中包含指向Messenger的链接。我曾经安装过Messenger,但我从未使用过它也没有使用过Facebook帐户。 但是现在它使它看起来像我使用的播放商店秘密使用Messenger和我的配偶相信我秘密使用Messenger。我需要一个人的帮助.......

3  如何在文本输入焦点上禁用放大?  ( How do i disable zooming on text input focus ) 
我知道制作网页时有一些禁用缩放的技巧,但如何禁用焦点对我的设备上的缩放? 我有偏执狂Android和Xposed框架,所以,我知道什么是可能的。 ...

1  在Android Chrome 73中禁用平滑滚动  ( Disable smooth scrolling in android chrome 73 ) 
是否有一种方法可以在Android Chrome 73.x中禁用平滑滚动?它似乎现在已经为所有网站启用了所有网站,并将其设置为"禁用" 在Chrome://标志中没有任何内容。 动机:平滑滚动行为使CTRL + F-ING通过长页相当痛苦(每个结果之间的毫无意义的动画几秒钟)。 ...

10  如何快速滚动Chrome Mobile  ( How to fast scroll on chrome mobile ) 
我刚刚在我的Galaxy笔记(ICS,CM9)上安装了Chrome Mobile,而虽然它具有这种漂亮的卡式界面,但我没有找到如何将屏幕轻快滚动到页面的顶部或底部。 换句话说,使用Android股票浏览器,在一个非常长的页面上,如果我用一个手指向上快速向下滑动屏幕,页面将从页面底部滚动到顶部页面。如何用Chrome ...

4  有没有办法在Chrome浏览器中自动加载不安全的内容,用于Android?  ( Is there a way to automatically load insecure content in chrome browser for andr ) 
类似于这个问题,但是对于移动空间...... https://superuser.com/questions/487748/387748/允许-Chrome浏览器到加载 - Intecure-Content 是否有一种方法可以自动在Chrome浏览器中自动加载android的不安全内容? 我理解,理想情况下...

5  嵌入式YouTube视频有声音但没有视频  ( Embedded youtube videos have sound but no video ) 
每当我遇到一个带有嵌入式YouTube视频并按下播放的页面,那么就会听到声音,但视频将是空白的(黑屏)。 控件工作只是很好 - 这只是我没有任何视频。 如果我试图将手机旋转到横向,那么视频将在屏幕旋转之前简要展示,然后再次回到黑色。声音将继续发挥作用。如果我试图将手机旋转回肖像,那么同样的事情再次发生。 这个问题发生...




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