Elements chrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css. windows: ctrl + shift + i mac: cmd + opt + i DOM 修改 html & 属性 节点右键, 如下图, 可以: 添加属性(enter) 修改 html(F2) 删除元素(delete) 除了右键, 还可以: h toggle 元素的 visibility 属性 拖拽节点, 调整顺序 拖拽节点到编辑器 c…

一.打开的快捷键 windows: ctrl + shift + i/F12 1.Elements 1.选中 元素 切换至 Event… Tab可以查看这个元素绑定的事件 2.在 Element 选项卡中可以修改html 2.断点 在 Sources 面板 js 文件行号处设置断点, 这里除了常规断点外, 还有个条件断点(右键 conditional breakpoint), 在设置的条件为 true 时才会断点, 在循环中需要断点时比较有用 在调用堆栈这里可以切换到堆栈中的任何地方重新执行(右…

参考:Google Chrome调试js代码-http://www.open-open.com/lib/view/open1384785324165.html 重点:左下角一个{}括号图标按钮用于把杂乱的代码重新格式化为漂亮的代码,比如一些已被压缩的 js 文件基本没法看.更没法调试.点一下格式化,再点一下就取消格式化. 查看元素上绑定了哪些事件 默认会列出 All Nodes, 这些包括代理绑定在该节点的父/祖父节点上的事件, 因为在在冒泡或捕获阶段会经过该节点 Selected Node O…

一.字符串 字符串 s ="axle" #去两端空格 s.split() #以什么开头 s.startswith("a") #查找子序列,"12","h" s.find() #将字符串中的某子序列替换成指定值 s.replace() #变大写 ,验证码时候大小写转换. s.upper() # 公共功能: 索引:只能取一个元素 s[0] 切片:取多个元素 s[0:2] utf-8 编码 ,一个汉字,3个字节,一个字节8位. le…

vim编辑器 vi : visual Inertface 可视化接口 vim : vi improved 扩展版 语法着色 模式化编辑器: 编辑模式(命令模式): 默认模式 输入模式: 末行模式: 等待输入命令 10d 删除第十行 10,20d set nu 显示行号 ! ls /etc 不用退出文件输入 系统shell命令 模式转换 编辑--> 输入 小写 i:在当前光标位置前面输入 a:在当前光标位置后面输入 o:在当前光标下一行新建一行 输入内容 大写 I 行首 A 行尾 O 上一行新建一…

IOS开发-OC学习-常用功能代码片段整理 IOS开发中会频繁用到一些代码段,用来实现一些固定的功能.比如在文本框中输入完后要让键盘收回,这个需要用一个简单的让文本框失去第一响应者的身份来完成.或者是在做与URL有关的功能时,需要在Info.plist中添加一段代码进而实现让网址完成从Http到Https的转换,如何使用定时器完成一些耗时的模拟以及其他的一些功能. 在从一个新手到逐渐学会各种功能.代码.控件.方法如何使用的过程中,也在逐渐积累一些知识,但是一次总不会把这些东西都深刻记住并完全理解…

ROS(indigo)机器人操作系统学习资料和常用功能包汇总整理(ubuntu14.04LTS) 1. 网站资源: ROSwiki官网:http://wiki.ros.org/cn GitHub           :https://github.com/ ExBot             :http://blog.exbot.net/ ROSwiki        :http://www.roswiki.com/ ROSClub      :http://www.rosclub.cn/ OS…

原文地址:http://www.cnblogs.com/MuYunyun/p/5678405.html#3471461 阅读目录 Chrome调试工具介绍: 快速切换文件 在源代码中搜索 在源代码中快速跳转到指定的行 使用多个插入符进行选择 设备模式 格式化凌乱的js源码 颜色选择器 改变颜色格式 强制改变元素状态(方便查看不同状态下元素的样式) 利用chrome来查看和编辑本地文件 选择下一个匹配项 可视化的DOM阴影 奇淫技 Chrome Dev开发者选项 总结 几个月前转用Chrome后,…

Sed常用功能个人整理 AsdilFibrizo关注 2019.06.24 10:23:41字数 240阅读 15 Sed对1G以下的数据效率很高这里介绍一些个人在工作中遇到的sed问题 1.查找字段 以文章test.txt为例: ID type old new A01_1 1_34189552 0|0 0|0 A01_2 1_65117762 1|0 1|0 A01_3 1_70543349 0|0 0|0 A01_4 1_77765794 0|1 0|1 A01_5 1_109674087…

本文链接:https://blog.csdn.net/u012542647/article/details/79401485 今天要给大家介绍一个神器,就是谷歌浏览器(Chorme)自带的前端调试工具——Developer Tools. 在谷歌浏览器中,通过快键键F12就可以打开Devloper Tools: Developer Tools Develop Tools功能比较多,本文主要讲解比较常用的几个面板:Elements.Console.Sources和Network. ——    1  …