应用介绍
常用工具:
Unix时间戳、URL编码/解码、汉字转换拼音、ip地址查询、加密(MD5,MD4,SHA1)、BASE64编码/解码
Develop Tools怎么用?
方法一:.crx文件格式插件安装
1、点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置
2、在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/
3、找到自己已经下载完的Chrome离线安装文件xxx.crx,而后将其从资源管理器中拖动到Chrome的扩展管理界面中,这个时候候用户会发当前扩展管理器的中央部分中会多出一个拖动以安装的插件按钮
4、松开鼠标就可以将当前正在拖动的插件安装在谷歌浏览器中去,但是谷歌考虑用户的安全隐私,当用户松开鼠标后还会给予用户一个确认安装的提示
5、用户这个时候候只需点击添加按钮就可以将该离线Chrome插件安装在谷歌浏览器中去,安装成功之后该插件会即刻显示在浏览器右上角(如果有插件按钮的话),如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件
方法二:文件夹格式插件安装
1、第一步用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置
2、在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序
3、选择研发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件
Develop Tools使用技巧:
1、快速转换:打开DevTools,点击Ctrl+P来快速寻找与打开你工程中的任何文件
2、在源代码中搜索:打开DevTools,点击Ctrl+Shift+F,即可在所有已加载文件中查找一个特定的字符串,这个搜索的方法也支持正则表达式
3、调整到特定的行数:打开一个源标签的文件后,DevTools可以允许你轻松跳转到代码中的任何一行。只需点击Ctrl+G,输入行数即可,另一种Ctrl+o还可实现,输入:行数即可
4、漂亮的打印:Chrome的研发者工具有一段嵌入的美化代码,它可以帮你返回一段最小化的且格式易读的代码,这个漂亮的印刷按钮在你正确打开文件之后的Sources标签下的左下角
5、设备模式:DevTools包含了一个强大的模式可用于研发友好的移动端界面,这是来自谷歌的视频介绍了它最主要的功能,有调整大小,触摸仿真与模拟糟糕的网络连接
6、设备仿真传感器:设备模式的另一个很酷的功能就是模拟移动设备的传感器,例如触摸屏幕与加速器,可以恶搞你的地理位置。点击show Drawer按钮,就可以看见Emulation标签àSensors
7、颜色选择器:当我们在样式编辑器中选择一种颜色时,你可以点击颜色预览,颜色选择器则会弹出。当颜色选择器打开时,如果你停留在某一页面,你的鼠标指针就会转换成一个放大镜,选择像素精度的颜色
Develop Tools怎么关闭?
1、在打开chrome浏览器页面后,找到右上角的设置按钮===》点击后选择更多工具===》点击扩展程序
2、进入页面后,小伙伴们可以看到本地所有的插件,在选择框选中,则表示启用这个chrome浏览器插件。在浏览器的右上角也会有这款插件的标志。
3、如果想要禁用这款插件,就取消选择,插件就会变成灰色。浏览器右上角的标记也会取消
4、如果你想彻底删除这块插件,就选择后面的垃圾箱,将这款插件加入垃圾箱即可
更新日志:
1、汉字转换拼音
2、ip地址查询
3、修复界面UI
4、修复几个问题
5、Unix时间戳转换
6、URL编码/解码转换
以上内容为你介绍了Develop Tools chrome插件的使用方法、使用技巧等方面的内容,欢迎参考。