chrome浏览器地址栏输入，变成可编辑文本模式

最新推荐文章于 2024-04-11 16:57:37 发布
最新推荐文章于 2024-04-11 16:57:37 发布
阅读量1.4k 收藏
点赞数
原文链接：http://www.cnblogs.com/sunbey/p/8372212.html
版权

chrome浏览器地址栏输入以下代码：

data:text/html,<html contenteditable>

 

或者

在浏览器开发者控制台console处输入

document.body.contentEditable = true

 

 

css placeholder 文字颜色

input::-webkit-input-placeholder{}

 

转载于:https://www.cnblogs.com/sunbey/p/8372212.html

dk8600
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Google谷歌浏览器 【编辑器不支持浏览器隐私模式，请用普通模式访问】
qq_34081612的博客
03-22 1580
直接在google浏览器按快捷键，Windows按shift+ctrl+N，mac系统按Command+shift+N，打开无痕模式浏览器窗口进行编辑。Google谷歌浏览器 【编辑器不支持浏览器隐私模式，请用普通模式访问】
一秒钟让Chrome变成所见即所得的编辑器
luerking的博客
10-04 5304
你可能经常会困123能直接在浏览器里更改网页的文本内容。答案是肯定的，你可以只通过一行简单的指令把Chrome变成所见即所得的编辑器，直接在网页上随心所欲地删改文字。 你不需要再傻傻地右键审查元素，编辑源代码了。打开Chrome的开发者控制台，输入123123123 document.body.contentEditable=true 然后奇迹就发生啦！要是你正在用Chrome现在就
chrome开发者工具的使用_谷歌浏览器开发者工具怎么编辑
最新发布
2301_82101171的博客
04-11 1269
最近很多小伙伴找我要Linux学习资料，于是我翻箱倒柜，整理了一些优质资源，涵盖视频、电子书、PPT等共享给大家！
输入地址栏可以编辑页面的js
weixin_30410999的博客
04-06 143
javascript:document.body.contentEditable='true';document.designMode='on';void0 转载于:https://www.cnblogs.com/kantorgong/archive/2008/04/06/1138996.html
谷歌浏览器在线编辑html,一行代码将chrome浏览器变成在线编辑器
weixin_31689651的博客
05-31 649
技术宅崇尚极致，喜欢极简，又希望简约不简单，背后就是技术宅满心思的不断的尝试。看看下面这段简单的代码给我们带来的效果吧：1.[代码][HTML]代码data:text/html,#e {position:absolute;top:0;right:0;bottom:0;left:0;font-size:16px;}var myKey="SecretKeyz";$(document).ready(fu...
在IE上直接编辑网页内容的js代码(IE地址栏js)
10-29
为了在IE浏览器中实现直接编辑网页内容的功能，只需要在地址栏中输入以下JavaScript代码： ```javascript javascript:document.body.contentEditable='true';document.designMode='on'; ``` 这段代码的作用是将...
xheditor文本编辑器插件制作html编辑器使用代码
11-02
xheditor是一款基于JavaScript的开源富文本编辑器，支持多种浏览器环境，包括IE6+、Firefox、Chrome、Safari等。其设计理念是轻量级、高效能，并提供丰富的API接口，便于开发者进行二次开发和定制化需求。 2. **...
html在线文本编辑器(ewebeditor)
06-24
HTML在线文本编辑器，如EWebEditor，是网页开发中常用的一种工具，它允许用户在浏览器环境下进行富文本编辑，生成的内容可以是HTML格式。这种编辑器通常具有类似Word的界面，提供各种文本格式化选项，如字体、大小、...
fyi-bookmarklets:小书签可通过浏览器轻松创建带有页面标题，URL和所选文本的电子邮件
04-10
fyi-firefox优化，以支持带有自定义关键字％s参数的地址栏。 已弃用-最新的Firefox版本严格限制了[removed]书签的使用。 fyi-ie与Internet Explorer及其（奇特）DOM选择的文本方法一起使用。 注意：您可以将fyi-...
当你在浏览器地址栏输入一个URL后回车，将会发生的事情？
06-05
作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。
把Chrome浏览器变成文本编辑器
web前端技术交流分享
11-27 1260
在浏览器地址栏中输入一行代码：data:text/html, ，回车即可把浏览器变临时编辑器。
如何使用浏览器开发者模式？
热门推荐
夜影的博客
10-28 1万+
一、360浏览器 1.按F12进入开发者模式 放大镜：选择器，使用方法：点击放大镜，然后在页面选择要观察的控件、布局、Html。Elements下面显示对应的代码和布局信息。 手机图标：手机模式，点击手机模式，页面会切换到手机版页面，同时支持选择不同屏幕手机。 Network : 网络信息，一般做
一键切换输入框编译状态（不可编辑-＞可编辑）
z19950712的博客
08-06 191
//当我们审批状态为“审批中”时，我们需要把编辑页面改成不可编译 if (approveStatus == "20") { var a = document.getElementsByTagName("input"); for (var i = 0; i < a.length; i++) { a[i].setAttribute("disabled", "true"); } var a = document.getElementsByTagName("te
Chrome浏览器变身文本编辑器只需要一行代码
Reid的专栏
10-24 3678
在浏览器的导航栏中输入： data:text/html, &amp;amp;amp;amp;amp;lt;html contenteditable&amp;amp;amp;amp;amp;gt; 效果如下: 上面的内容是从https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html 复制过来的，竟然带着格式！！！ ...
如何使用Chrome直接编辑前端代码
wang0907的博客
10-27 1万+
虽然是后端开发，但是不可避免的有时候需要写一些前端代码，所以一些前端技能还是有必要掌握的。我们知道修改代码之后看到效果最直接的方式就是直接在浏览器修改，但是常规的方式，在页面刷新之后我们所做的修改就会丢掉了，很不利于我们调试，此时就可以使用chrome的Override的功能，接下来看下如何操作。
data:text/html html contenteditable,contentEditable
weixin_42172972的博客
06-29 1万+
contentEditable语音编辑锁定讨论上传视频本词条缺少概述图，补充相关内容使词条更完整，还能快速升级，赶紧来编辑吧！contentEditablehtml中的一个属性。设置html的contentEditable="true"时，即可开启该元素的编辑模式。外文名contentEditable使用方法html、js应用前端UI的美化所需浏览器Firefox、Chrome、Safar...
data:text/html chromewebdata,Unchecked runtime.lastError while running tabs.executeScript: Cannot ac...
weixin_35718575的博客
06-10 4610
I'm getting this error: extensions::lastError:133 Unchecked runtime.lastError while running tabs.executeScript: Cannot access contents of url "data:text/html,chromewebdata". Extension manifest must r...
data:text/html chromewebdata,Reload fails: Not allowed to load local resource: data:text/html,chrome...
weixin_39673704的博客
06-10 2914
Without routing:I have cloned and build (using webpack) the template Electrogram and reloading work well out of the box. The Electrogram app is bootstrapped starting an AppComponent. No routing in thi...
chrome浏览器 调试模式 开发
09-17
Chrome浏览器调试模式是一种开发工具，它提供了一系列功能和选项，帮助开发人员调试和分析网页应用程序的问题。使用Chrome浏览器调试模式可以迅速查找并修复HTML、CSS和JavaScript的错误，并优化网页性能。 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值