mirror of https://github.com/GoogleChrome/chrome-extensions-samples.git synced 2026-03-27 13:29:34 +07:00

Files

Oliver Dunk 2dd50d5850 Update focus-mode tutorials (#1241 )

Formatting fixes and also update the debugging tutorial which is used
in the DevTools Tips video on debugging Chrome Extensions.

2024-07-24 13:34:16 +01:00

fixed

Add DevTools Tips example (#1013 )

2023-09-29 12:03:57 -07:00

images

Add DevTools Tips example (#1013 )

2023-09-29 12:03:57 -07:00

background.js

Add DevTools Tips example (#1013 )

2023-09-29 12:03:57 -07:00

focus-mode.css

Update focus-mode tutorials (#1241 )

2024-07-24 13:34:16 +01:00

focus-mode.js

Add DevTools Tips example (#1013 )

2023-09-29 12:03:57 -07:00

manifest.json

Add DevTools Tips example (#1013 )

2023-09-29 12:03:57 -07:00

README.md

Add DevTools Tips example (#1013 )

2023-09-29 12:03:57 -07:00

README.md

Oliver Focus Mode

Extension used in the Debugging Chrome extensions DevTools Tips video. This extension simplifies the styling of the extensions and Chrome Web Store documentation pages so that they are easier to read when the action icon is clicked.

This extension is based on the Focus Mode extension.

Note: background.js and focus-mode.js are intentionally broken. Try to fix them, and compare your fixes with the code in the fixed folder.

Running this extension

Clone this repository.
Load this directory in Chrome as an unpacked extension.
Visit a page in the Extensions or Chrome Web Store sections on developer.chrome.com, e.g https://developer.chrome.com/docs/extensions/mv3/getstarted/tut-focus-mode/.
Click the extension icon to toggle focus mode.