几个冷门的前端小知识
来源:互联网 发布:prim算法的时间复杂度 编辑:程序博客网 时间:2024/04/25 20:12
1、浏览器地址栏运行HTML代码
在空白网页地址栏输入以下代码然后回车,之后页面会出现指定的内容
data:text/html,<h1>Hello, world!</h1>
2、把浏览器当编辑器用
空白地址栏输入以下代码,类似Windows的notepad
data:text/html, <html contenteditable>
3、浏览器文本可自由糟(bian)践(ji)
控制台console里输入
document.body.contentEditable='true';
4、实时编辑CSS
通过设置style标签的 display:block 样式可以让页面的style标签显示出来,并且加上 contentEditable 属性后可以让样式成为可编辑状态,更改后的样式效果也是实时更新呈现的。此技巧在IE下无效
<!DOCTYPE html>
<html>
<body>
<style style="display:block" contentEditable>
body { color: blue }
</style>
</body>
</html>
0 0
- 几个冷门的前端小知识
- 一些冷门却有用的小知识
- 鲜为人知的前端小知识
- 几个小知识的记录
- js的几个小知识
- java的几个小知识
- stm32f10x中必须知道的冷门知识
- 【Linux基础】管用的小冷门命令
- js前端调试的几个小技巧
- 前端需要知道的零碎小知识
- 一些web前端开发的小知识
- web前端的一些小知识
- Android 几个特别注意的小知识
- webkit中hover的几个小知识
- 关于CPU的几个小知识
- 中国护照的几个小知识
- 几个冷门面试知识点
- IOS 冷门知识
- SparkSQL编程指南之Java篇一-入门
- 混合开发-ios
- linux下hbase和hadoop的pid经常丢失
- typeof
- python列表生成式
- 几个冷门的前端小知识
- Duilib 弹出子对话框
- SecureCRT上传-bash: rz: command not found
- iOS-自定义模态跳转的运用
- 一维卷积积分学习实例
- 【Linux】命名管道FIFO
- spring cache相关注解介绍 @Cacheable、@CachePut、@CacheEvict
- des加密算法
- css基本属性