What's new in Chrome DevTools (Google I/O '18)

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 พ.ย. 2024

ความคิดเห็น • 25

  • @SamarPanda
    @SamarPanda 6 ปีที่แล้ว

    1. Eager evaluation & global async in console
    2. Network search side bar, used to cache control headers
    3. View trace in lighthouse, direct link to network panel.
    4. Link rel="preload" as="font" to start downloading font even before its triggered by css
    5. Main thread to worker thread break point debugging support
    6. copy(), debug(NativeFn), queryObjects()
    All of these above features are super awesome.
    Quick shortcut which i learnt
    Undock into separate window

  • @linuslee6314
    @linuslee6314 6 ปีที่แล้ว +3

    Came here for Eager Eval demo, was not disappointed. That's very cool, both from a dev perspective and at a technical level of isolating side effects.

  • @javiasilis
    @javiasilis 6 ปีที่แล้ว +12

    *Self diving car*... priceless

  • @domaincontroller
    @domaincontroller 4 ปีที่แล้ว

    00:40 authoring 00:56 save and refresh 01:17 workspaces 01:40 local overrides 01:51 deface your headers 02:08 local overrides 04:15 CTRL + SHIFT + P, prototyping, in the wild 05:20 changes, search across all files 06:01 network search, search sidebar, headers, authorization headers, CSP, cookies
    08:00 CSS, colors 08:50 color picker
    09:45 Accessibility

  • @dolphin7961
    @dolphin7961 6 ปีที่แล้ว

    The Color Contrast ratio is a great advancement for accessibility in the developer workflow. These are the kind of things that will make non-disabled developers care more about UA. Will also give us a shared language to communicate with

  • @97Giorgos97
    @97Giorgos97 6 ปีที่แล้ว +24

    Eager Evaluation is awesome!

  • @ishbindra
    @ishbindra 6 ปีที่แล้ว +2

    It must be fun working in the devtools team.

  • @zjlovezj
    @zjlovezj 6 ปีที่แล้ว +1

    always nice to see paul irsh presenting

  • @iamakrt
    @iamakrt 6 ปีที่แล้ว

    Wao one of the best presentation so far. So engaging. Thank you google.

  • @MrNonintendo
    @MrNonintendo 6 ปีที่แล้ว

    That Leroy Jenkins reference! XDD 15:17

  • @neuemage
    @neuemage 6 ปีที่แล้ว +3

    Like watching Siegfried & Roy xD

  • @srikanthjanapati4247
    @srikanthjanapati4247 6 ปีที่แล้ว

    Stepup feature is great one

  • @JaredWilliams
    @JaredWilliams 6 ปีที่แล้ว

    Awesome stuff as usual. :)

  • @SteveHazel
    @SteveHazel 6 ปีที่แล้ว

    did not follow. but that was the best thing i've seen on the internet.

  • @varpen
    @varpen 6 ปีที่แล้ว +1

    Jason?

  • @KyungYeolKim
    @KyungYeolKim 6 ปีที่แล้ว

    eager evaluation 👍👍👍👍

  • @CesarBurgos3ro
    @CesarBurgos3ro 6 ปีที่แล้ว

    chrome://cache not work?

  • @canadianbootz
    @canadianbootz 6 ปีที่แล้ว +6

    quokka.js guys are gonna hate eager eval 👿👿👿 (use quokka!)

  • @iidanmanx
    @iidanmanx 6 ปีที่แล้ว +4

    how did he use multiple cursors?

    • @canadianbootz
      @canadianbootz 6 ปีที่แล้ว

      ctrl+d

    • @noureddine2228
      @noureddine2228 6 ปีที่แล้ว

      Ctrl + click

    • @ngyikp
      @ngyikp 6 ปีที่แล้ว +7

      Press Command/Ctrl+D, similar to Sublime Text :)
      Or hold down Command/Ctrl and click the new cursor location you want

    • @MarcoBiedermann
      @MarcoBiedermann 6 ปีที่แล้ว

      CMD + D, similar to Sublime Text or VSCode

  • @hiqwertyhi
    @hiqwertyhi 6 ปีที่แล้ว

    damn that intro music is loud

  • @Ali-bj4hh
    @Ali-bj4hh 6 ปีที่แล้ว

    Opera is way better