一行代码就能随意修改网页内容
两种方法
1:document.body.contentEditable='true';
1:document.designMode='on'
一、打开你想要编辑的网站
我这里拿百度首页做个示范。
二、进入开发者模式
按F12进入开发者模式 。
三、输入神奇代码
1、打开随意编辑网页内容的功能
选择Console,在命令框输入document.designMode='on'后按回车。
这时你可以发现,点到文字处,会出现小光标,这就说明你可以修改这里的内容。
此时直接就可以修改光标处的内容,这里我随便改一下(不是真的改,刷新页面即可恢复原来网页内容)。
2、关闭随意编辑网页内容的功能
选择Console,在命令框输入document.designMode='off'后按回车,随意修改网页内容的功能就关闭了,此时光标就不见了。
ps:刷新页面的话也可以关闭,但你修改的内容就会恢复成原来的。
看前端面试题库 MST题库 小程序
一行代码就能随意修改网页内容相关推荐
- 如何随意修改网页内容
本蒟蒻第一次发布文章,各位大佬们如果不喜欢,请不要嘲笑! 你是否想过随意修改网页内容的感觉呢? 嘿,其实真能实现! 这也不难,一行代码就能轻松解决. 下面开始保姆级教程: 首先按下Ctrl+Shift ...
- 几组超神奇的网页应用代码要你在IE浏览器任意打开一个网站,然后在浏览器上输入如下代码神奇的代码,可随意修改复制页面内容!
只要你在IE浏览器任意打开一个网站,然后在浏览器上输入如下代码神奇的代码,可随意修改复制页面内容! 神奇的代码 1 javascript:R=0; x1=.1; y1=.05; x2=.25; y2= ...
- 随意修改网页内容(娱乐)
找到键盘F12键,然后点击控制台,如图所示; 输入代码如下 allow pasting (火狐浏览器需要先输入此代码) document.designMode="on" 效果如下图 ...
- 安卓动态修改html代码,android WebView-动态修改网页内容
做个笔记以备后用!!! 在webview开发过程中有时候遇到用webView需要加载某网站,网页中有些logo,文字什么的需要隐藏掉. 解决思路共两部就搞定: 1:通过webview为网页注入我们需要 ...
- 一行代码如何自定义修改网页内容
就是这一行代码,看好了 document.body.contentEditable='true'; 打开浏览器,按F12进入开发者选项 选中console,输入这行代码 然后就随便修改
- c语言一行代码太长,C语言修改一行代码,运行效率居然提升数倍,这个技巧你知道吗...
对编译.链接.OS内核.系统调优等技术感兴趣的童鞋,不妨右上角关注一下吧,近期会持续更新相关方面的专题文章!引言 近日,网上看到一篇文章,分析数组访问的性能问题.文章经过一系列"有理有据&q ...
- mapbox 修改初始位置_一行代码教你如何随心所欲初始化Bert参数(附Pytorch代码详细解读)...
微信公众号:NLP从入门到放弃 微信文章在这里(排版更漂亮,但是内置链接不太行,看大家喜欢哪个点哪个看吧): 一行代码带你随心所欲重新初始化bert的参数(附Pytorch代码详细解读)mp.wei ...
- 小米200万的新LOGO 一行代码就能修改?
价值200万的小米新LOGO 近期小米花费200万设计新LOGO事件登上热搜,网传一行代码即可修改,咱们来尝试一下. 1.原LOGO css样式如下: img {width: 55px;height: ...
- woo语言一行代码批量修改文件名称
woo语言一行代码 批量修改文件名称 1.windows平台 – 下方代码在需要修改的文件夹内使用cmd执行即可,把wo后缀修改为woo后缀: woo.exe -r "a = _args() ...
- 更改计算机属性里的cpu名称,一行代码修改CPU的个性化显示名称,
一行代码修改CPU的个性化显示名称, 2020-10-01 14:06:40 55点赞 334收藏 52评论 追加修改(2020-10-04 21:39:32): 代码修改 REG ADD " ...
最新文章
- java学习之成员内部类
- 利用Apache的ab命令做Benchmark性能测试
- 近期AI领域8篇精选论文(附论文、代码)
- 大脑进化追不上社会文化:化石和脱氧核糖核酸证明人类大脑进化比社会慢
- python数据挖掘主要特点_【Python数据挖掘】第六篇--特征工程
- java丑数算法_LintCode Java算法练习(4)-----丑数II
- Using mongoDB's Profiler analyze the performance of database operations
- strust2控制标签(二) merge标签,generator标签,subset标签,sort标签
- android call require api level
- 利用 PGO 提升 .NET 程序性能
- C#开发微信公众平台-就这么简单(附Demo)
- 重温设计模式之 Factory
- 微信开发--自定义菜单
- MFC工作笔记0003---WindowsAPI与MFC的关系
- 现代电子计算机诞生理论基础是什么,《计算机应用基础》习题集2
- Python 爬取 猫眼 top100 电影例子
- 17 行为型模式-----迭代器模式
- 笔记本触摸板没反应,且设置里没有触摸板选项
- python程序设计课程标准_《Python程序设计》课程标准
- mapreduce流量统计与自定义分区算法:手机号码按归属地输出