Bookmark Tab

评分:4 | 生产工具 | 50.04KiB

I like "Speed Dial" plugins for browsers, but there is always something I don't like about the ones I find. So, I decided to make my own.

The "Other Bookmarks" folder, along with all of its subfolders, are shown as buttons at the top of the browser.

* Click a button to display a modal window with all of the bookmarks in that folder.
* Click a link to visit that site.
* Click anywhere outside the modal to close it.

This extension only requires three permissions (the bare minimum permissions to get the job done).
1. It needs Bookmarks permission, to do its job.
2. It needs the Active Tab permission, so it can function as a tab.
3. It needs the chrome://favicons/ permission, to display bookmark icons.

- Chrome will already sync your bookmarks between multiple computers using your Google account, so there's nothing added here for that.
- The root folder it looks at is Other Bookmarks, so any bookmark you want displayed needs to be in there, either directly inside the Other bookmarks folder, or else inside another folder that is inside Other Bookmarks.
- The Other Bookmarks folder button is shown first. All other folder buttons are displayed in alphabetical order.
- Folders two or more levels deep are shown as "parent / child / child..."
- Since the bookmarks bar is already a thing, this extension doesn't display bookmarks placed in that folder.
- Still pretty lightweight. The only libraries used are jQuery and underscore for code, and W3.css for all styling.

New in 2.0:
- Major overhaul of the UI. Instead of displaying all bookmarks in bordered boxes and having the buttons jump to the corresponding box, we now only display buttons, with each button displaying a modal with the bookmarks contained in that folder.
- Rewrite of the bookmark parsing code.
- Updated jQuery version to 2.2.4.
- Included underscore.js for some utility functions.
- Brought in some more ES6 syntax.
- Organized code into separate files.
- After trying several different CSS frameworks, stumbled upon W3.css. Huge props to W3Schools for that.

New in 1.9:
- Added buttons at the top to jump to the corresponding bookmark folder on the page.
- The title of each folder is also now a link to the top of the page.

New in 1.8:
- Removed bootstrap since it was no longer necessary.
- The hierarchy of a folder is now displayed in the header (ie The header will be "Videos / Shows" if the "Shows" folder is a subfolder of the "Videos" folder).
- Sorting now ignores the articles "A", "An" and "The."
- Subfolder names no longer have to be unique.
- Started using some ES6 language features.

New in 1.7:
- Changed folder resizing to CSS instead of javascript. Now folders all folders in a row will be the size of the largest folder in that row, instead of the largest folder in the bookmark collection.

New in 1.5:
- Made each bookmark only one line, with long ones ending in "..."
- Added favicon support.