大家好，这是代码之声(codefm)第一期，今天给大家带来的是 What's New In DevTools (Chrome 63)。

Chrome 一般会每隔 6 周发布一次主版本。​目前 Chrome 的最新主版本是 63，通过在地址栏 chrome://version 可以查看 Chrome 的主版本号。

这次 DevTools 更新的主要内容包括：

  1. Multi-client remote debugging support. 支持远程多客户端调试。
  2. Workspaces 2.0. 工作空间升级到 2.0。
  3. Four new audits. 4 个新的 audits（审计）。
  4. Simulate push notifications with custom data. 自定义消息通知。
  5. Trigger background sync events with custom tags. 触发自定义标记的后台同步事件。

第一个新特性 Multi-client remote debugging：让开发者可以同时使用 vscode、chrome、webstorm 一起调试 JavaScript 代码。

第二个新特性 Workspaces 2.0：不仅仅是 Workspaces 1.0 的升级版，可以说是直接把 Chrome 升级为了一个编辑器，让我们能够直接在 chrome 上面开发 JavaScript 项目。改完代码后直接实时看效果，按 Ctrl + S 直接保存。

在今年 10 月份 Kayce Basques 就发表了题为 “What's New In DevTools (Chrome 63)” 的文章，文中提到视频会在 12 月初录制完成，而实际的视频在 11月 29 号发布到了 Youtube。而 Google 开发者中心发布的所有视频都是使用 Creative Commons Attribution license (reuse allowed)，即“知识共享署名许可（允许再利用）”。于是我就制作了中文字幕并将视频发到了 Bilibili。

B站地址：Chrome 63 - What's New in DevTools（中文字幕）

在 Google 开发者博客上，文章 “What's New In DevTools (Chrome 64)” 也已经在 11 月份发布了，文中提到视频会在 2018 年 1 月底发布，到时候我会继续制作中文字幕。你们可以通过搜索“代码之声”或“codefm”关注我的公众号。或者扫描下方的二维码关注。

Chrome 63 - What"s New in DevTools（中文字幕）的更多相关文章

  1. 爱，死亡和机器人 第十四集 齐马蓝 中文字幕（Python处理utf8文件获取想要的内容）

    处理代码 file = "a.srt" fi = open(file, mode='r') a = fi.readline() i = 1 while len(str(a)) != ...

  2. JavaScript 后台获取数据 - HTTP203 Advent(中文字幕)

    如果关注过 Google 相关的开发技术,对 HTTP203 这个栏目应该不陌生. 这是 HTTP203 圣诞节的特别版! Jake(@jaffathecake)和 Surma(@DasSurma)有 ...

  3. 2014鸟人Birdman中文字幕文件下载

    下载后,解压缩,会得到 Birdman.2014.1080p.WEB-DL.DD5.1.H264-RARBG.srt 文件,把这个文件放到视频文件(mkv文件)相同的文件夹里. 用暴风影音播放,如果没 ...

  4. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之纹理Textures

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之纹理Textures 本篇分享一下第6个已完工的视频,即<beginner Graphics ...

  5. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之网格Meshes

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之网格Meshes 本篇分享一下第5个已完工的视频,即<beginner Graphics – ...

  6. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之材质了解Materials

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之材质了解Materials 既上一篇分享了中文字幕的灯光介绍Lights后,本篇分享一下第3个已完工 ...

  7. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之灯光介绍Lights

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之灯光介绍Lights 既上一篇分享了中文字幕的摄像机介绍Cameras后,本篇分享一下第2个已完工的 ...

  8. [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之摄像机介绍Cameras

    [我给Unity官方视频教程做中文字幕]beginner Graphics – Lessons系列之摄像机介绍Cameras 最近得到一些Unity官方视频教程,一看全是纯英文的讲解,没有任何字幕或者 ...

  9. Coursera获取中文字幕（如果有的话）

    字幕的格式是  https://class.coursera.org/${课程代号}/lecture/subtitles?q=${视频编号}_zh-cn 例如 https://class.course ...

随机推荐

  1. ionic 创建服务命令

    创建Util工具库 ionic g provider Util

  2. Docker系列八: 数据卷

    什么是数据卷 生成环境中使用docker的过程中,往往需要对数据进行持久化,或者需要多个容器之间进行数据共享,这个就涉及到了容器数据管理 容器中管理数据主要有两种方式: 数据卷:容器内数据之间映射到本 ...

  3. Eclipse 热部署方式

    1.tomcat 热部署 1.1方法一:更改 server.xml,更改为 <Context docBase="dreamlive" path="/ROOT&quo ...

  4. string 转化xml && xml转化为string

    一.使用最原始的javax.xml.parsers,标准的jdk api // 字符串转XML [java] view plaincopyprint? String xmlStr = \". ...

  5. Ubuntu navicat 连接mysql：access denied for user 'root'@'localhost'

    真是醉了,Ubuntu装了navicat后,准备在桌面建立图标不成,结果直接打开后连接mysql都不行,真坑,奈何远程连接就成,这就尬了,今天终于解决了 问题 我也百度了好几个方案,奈何解决不了,最后 ...

  6. JVM简述

    JVM的东西太多了,我们刚开始学java的时候,就会接触堆.栈,还有方法区,因为我们要知道new出来的对象放在哪里,局部变量放在哪里,static修饰的变量放在哪里. 我从网上截一个图: 这里有三大部 ...

  7. python-django-redis拒绝连接问题解决_20191121

    今天安装fastdfs的时候,发现最好固定虚拟机的ip, 固定了ip之后,发现使用Windows中的pycharm连接redis的时候,总是拒绝连接,找了很多的办法都不行,有点慌, 但是不能慌,现在要 ...

  8. Longest Increasing Subsequence (Medium)

    第一次做题思路201511092250 1.采用map存储,key为nums[i],value为以nums[i]为结尾的最大递增子序列的长度 2.采用map里面的lower_bounder函数直接找出 ...

  9. baidumap 百度地图，实现多点之间的带方向路线图。

    通过lastVisitAt判断时间先后. 通过三角函数验证角度 再由baidumap 会制线段 绘制三角箭头 比较难看…… 测试个人 因为框架引用baidu 有各种问题失败,为最快实现,以此页作一个独 ...

  10. jmeter后置处理器之Json提取器详解

    此提取器用于提取请求返回结果中的某个值或者某一组值,用法比正则表达式要简单,标准写法为$.key,其中key为返回结果map中的一个键,如果是多层则继续用.key进行即可,如果遇到key的value值 ...