Josh BucheaNotes

Google Chrome

  • Toggle Bookmarks Bar: ⇧⌘B
  • View History: ⌘Y
  • View Downloads: ⇧⌘J

DevTools

  • Open Developer Tools: ⌥⌘I
  • Open Developer Tools and bring focus to the console: ⌥⌘J
  • Inspect Mode: ⇧⌘C
  • Inspect disappearing element: Set subtree breakpoint on parent element
  • Search DOM tree by CSS selector: When browsing the DOM with the Elements panel, try searching for nodes via CMD/Ctrl+F by their CSS selectors.
  • Search all source files: Use search tab in bottom drawer that is shown/hidden when ESC is pressed

Extension Development

Publish Chrome Extension

Resources:

Steps Followed to Publish SwiftTab:

  • Generate new build with latest code: npm run build
  • Generate Zip File of build directory
  • Upload extension zip file
    • Go to Chrome Developer Dashboard
    • Sign in to Dev account
    • Click Add New Item button
    • If you've never uploaded an item before, you need to accept the developer agreement before going to the next step.
    • Click Choose file > your zip file > Upload. If your app's manifest and ZIP file are valid, you can edit your app on the next page.
  • Added App Information:
    • Icon
    • Screenshot
    • Description
    • Google Analytics ID
    • Category
    • Price?
  • Note: Took a little time after publishing:
    • Status changed to Published immediately
    • Showed up in search results immediately
    • Extension listing took 15-60 mins to become live. 404'd until live.

Quote from Google Chrome Product Forum Post:

If you have any further questions or issues in the future with your Chrome extension on the Chrome Web Store, you can submit your question directly to the Chrome Web Store team by going to their Stack Overflow page or you can fill out this form.

Get email updates and announcements