Chrome

Chrome58 DevTools开发者工具新特性

扫描二维码

重点

  • Timeline面板改名为Performace面板
  • Profiles面板改名为Memory面板
  • Cookie值可编辑
  • 当内存溢出错误发生时 ,DevTools可自动停止

Chrome的扩展插件

扫描二维码

用处

本质就是web页面,调用web上的原有api还有浏览器提供的一些接口(像右键菜单、桌面通知、覆盖页面等等)。做一些工具性的插件。

manifest.json

{
    "name": "My Extension",
    "version": "2.1",
    "description": "Gets information from Google.",
    "icons": { "128": "icon_128.png" },
    "background_page": "bg.html",
    "permissions": ["http://*.google.com/", "https://        *.google.com/"],
    "browser_action": {
        "default_title": "",
        "default_icon": "icon_19.png",
        "default_popup": "popup.html"
    }
}

参数说明

Chrome开发者工具的实用技巧(译)

扫描二维码

最近我比平时多花了点时间在chrome开发者工具上。过程中我发现了一些我以前没有遇到过的好的特性(至少我没有主动去研究的;像:blackboxing和asynchronous stacktraces)。因此,我想总结下我认为非常不错的特性给大家。

  • 这个小的放大镜图标指向这个元素的CSS的属性最终是在哪个CSS文件里定义。举例子来说,选择“检查”在页面上的任意DOM元素,并切换到“Computed”的子标签。找到你关心的CSS属性并点击放大镜图标,就会直接进入对应的css文件(当你的项目是个很大的web应用时,这个功能是非常有用的).

Chromecast的杀手级特性 — NFC

扫描二维码

Chromecast + NFC



新版本的Chromecast已经发布。我已经喜欢上了新版本中存在的的JavaScript API。新的设计让我产生了一些想法。其中一个特性他们应该给予更多的支持和普遍的应用:更多的支持NFC.

【译】15个必须知道的chrome开发者技巧(GIF)

扫描二维码


在Web开发者中,Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能,使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能,如使用console和debugger在线编辑CSS。在这篇文章中,我们将分享15个有助于改进你的开发流程的技巧。

Chrome Notification

扫描二维码

Chrome在42+的版本上支持了Notification的功能,这个功能不是基于chrome插件和chrome扩展的,而是基于chrome的
service work功能,一个运行在chrome后台的服务,再利用chrome的Google Cloud Messaging for Android、 Cloud Messaging for Chrome
提供的服务来实现,用网页也能提醒到用户的通知功能, 也支持android系统的手机,需要安装chrome42+。