两种方法

1:document.body.contentEditable='true';

1:document.designMode='on'

一、打开你想要编辑的网站
我这里拿百度首页做个示范。


二、进入开发者模式
按F12进入开发者模式 。

三、输入神奇代码
1、打开随意编辑网页内容的功能
选择Console,在命令框输入document.designMode='on'后按回车。

这时你可以发现,点到文字处,会出现小光标,这就说明你可以修改这里的内容。

此时直接就可以修改光标处的内容,这里我随便改一下(不是真的改,刷新页面即可恢复原来网页内容)。


2、关闭随意编辑网页内容的功能
选择Console,在命令框输入document.designMode='off'后按回车,随意修改网页内容的功能就关闭了,此时光标就不见了。
ps:刷新页面的话也可以关闭,但你修改的内容就会恢复成原来的。

看前端面试题库  MST题库  小程序

一行代码就能随意修改网页内容相关推荐

  1. 如何随意修改网页内容

    本蒟蒻第一次发布文章,各位大佬们如果不喜欢,请不要嘲笑! 你是否想过随意修改网页内容的感觉呢? 嘿,其实真能实现! 这也不难,一行代码就能轻松解决. 下面开始保姆级教程: 首先按下Ctrl+Shift ...

  2. 几组超神奇的网页应用代码要你在IE浏览器任意打开一个网站,然后在浏览器上输入如下代码神奇的代码,可随意修改复制页面内容!

    只要你在IE浏览器任意打开一个网站,然后在浏览器上输入如下代码神奇的代码,可随意修改复制页面内容! 神奇的代码 1 javascript:R=0; x1=.1; y1=.05; x2=.25; y2= ...

  3. 随意修改网页内容(娱乐)

    找到键盘F12键,然后点击控制台,如图所示; 输入代码如下 allow pasting (火狐浏览器需要先输入此代码) document.designMode="on" 效果如下图 ...

  4. 安卓动态修改html代码,android WebView-动态修改网页内容

    做个笔记以备后用!!! 在webview开发过程中有时候遇到用webView需要加载某网站,网页中有些logo,文字什么的需要隐藏掉. 解决思路共两部就搞定: 1:通过webview为网页注入我们需要 ...

  5. 一行代码如何自定义修改网页内容

    就是这一行代码,看好了 document.body.contentEditable='true'; 打开浏览器,按F12进入开发者选项 选中console,输入这行代码 然后就随便修改

  6. c语言一行代码太长,C语言修改一行代码,运行效率居然提升数倍,这个技巧你知道吗...

    对编译.链接.OS内核.系统调优等技术感兴趣的童鞋,不妨右上角关注一下吧,近期会持续更新相关方面的专题文章!引言 近日,网上看到一篇文章,分析数组访问的性能问题.文章经过一系列"有理有据&q ...

  7. mapbox 修改初始位置_一行代码教你如何随心所欲初始化Bert参数(附Pytorch代码详细解读)...

    微信公众号:NLP从入门到放弃 微信文章在这里(排版更漂亮,但是内置链接不太行,看大家喜欢哪个点哪个看吧): 一行代码带你随心所欲重新初始化bert的参数(附Pytorch代码详细解读)​mp.wei ...

  8. 小米200万的新LOGO 一行代码就能修改?

    价值200万的小米新LOGO 近期小米花费200万设计新LOGO事件登上热搜,网传一行代码即可修改,咱们来尝试一下. 1.原LOGO css样式如下: img {width: 55px;height: ...

  9. woo语言一行代码批量修改文件名称

    woo语言一行代码 批量修改文件名称 1.windows平台 – 下方代码在需要修改的文件夹内使用cmd执行即可,把wo后缀修改为woo后缀: woo.exe -r "a = _args() ...

  10. 更改计算机属性里的cpu名称,一行代码修改CPU的个性化显示名称,

    一行代码修改CPU的个性化显示名称, 2020-10-01 14:06:40 55点赞 334收藏 52评论 追加修改(2020-10-04 21:39:32): 代码修改 REG ADD " ...

最新文章

  1. java学习之成员内部类
  2. 利用Apache的ab命令做Benchmark性能测试
  3. 近期AI领域8篇精选论文(附论文、代码)
  4. 大脑进化追不上社会文化:化石和脱氧核糖核酸证明人类大脑进化比社会慢
  5. python数据挖掘主要特点_【Python数据挖掘】第六篇--特征工程
  6. java丑数算法_LintCode Java算法练习(4)-----丑数II
  7. Using mongoDB's Profiler analyze the performance of database operations
  8. strust2控制标签(二) merge标签,generator标签,subset标签,sort标签
  9. android call require api level
  10. 利用 PGO 提升 .NET 程序性能
  11. C#开发微信公众平台-就这么简单(附Demo)
  12. 重温设计模式之 Factory
  13. 微信开发--自定义菜单
  14. MFC工作笔记0003---WindowsAPI与MFC的关系
  15. 现代电子计算机诞生理论基础是什么,《计算机应用基础》习题集2
  16. Python 爬取 猫眼 top100 电影例子
  17. 17 行为型模式-----迭代器模式
  18. 笔记本触摸板没反应,且设置里没有触摸板选项
  19. python程序设计课程标准_《Python程序设计》课程标准
  20. mapreduce流量统计与自定义分区算法:手机号码按归属地输出

热门文章

  1. 机器人设计的步骤有哪些
  2. 2020线上夏令营感受
  3. Jquery获取input file的base64码
  4. MATLAB自定义拟合函数
  5. 微信公众号开发之(42)curl 图书查询
  6. dev c++怎么设置断点_怎么在FTP中使用代理(FLASHFXP代理设置教程)
  7. 浙大机器学习(胡浩基)课程笔记
  8. 孩子的编程启蒙好伙伴,自己动手打造小世界,长毛象教育AI百变编程积木套件上手
  9. AlertManager实现webhook告警(使用Postman测试)
  10. 豪斯多夫(Hausdorff)距离