Grapefruit

Chrome Extension: Finalsite Page ID Viewer

Overview

Grapefruit is a Chrome extension created for the CMS Finalsite support team to assist in identifying and debugging pages on the Finalsite platform. This extension allows users to view and manage viewed Page IDs for any site they are working on or debugging, with additional features like copying the ID to the clipboard and viewing a history of previously accessed IDs.

Features

• Display Page ID: Instantly view the Page ID by clicking the Grapefruit extension icon.
• Copy to Clipboard: Quickly copy the Page ID for use in support tickets or documentation.
• History Tracking: Access a history of previously viewed Page IDs for easy reference.
• Pin Important Pages: Pin frequently visited pages from your history for quick access later.
• Display ID on Web Page: Toggle the display of the Page ID directly on the web page via a checkbox in the settings.
• Badge ID Display: Toggle the Display ID badge on the Grapefruit Extension icon on or off using a checkbox in the settings.

Installation

1. Download the Extension:
   • Clone or download the extension files from the repository.
2. Load the Extension in Chrome:
   • Open Chrome and navigate to chrome://extensions/.
   • Enable "Developer mode" by toggling the switch at the top right.
   • Click on the "Load unpacked" button and select the folder containing the extension files.
3. Pin the Extension:
   • After loading, click the puzzle piece icon on the Chrome toolbar (Extensions section).
   • Find "Finalsite Page ID Viewer" and click the pin icon to keep it in the toolbar for easy access.

Usage

1. Viewing the Page ID:
   • Click the Grapefruit icon to display the Page ID for the current Finalsite page. The extension is only functional on Finalsite pages.
2. Copying the Page ID:
   • Click the copy button next to the displayed ID to copy it to your clipboard.
3. Viewing and Managing ID History:
   • Click the "ID History" link in the extension pop-up to access a list of previously viewed Page IDs. You can pin important IDs for quick access, and edit or delete any entry from the history list.
4. Display ID on Web Page:
   • In the settings section of the extension pop-up, use the checkbox to toggle the display of the Page ID directly on the web page.
5. Badge ID Display:
   • In the settings section of the extension pop-up, use the checkbox to toggle the Display ID badge on the Grapefruit Extension icon.

Contributing

If you would like to contribute to the development of this extension, feel free to submit a pull request or raise an issue on the repository. Contributions are always welcome!

Support

For any issues or questions, please contact Tom Tobar at [email protected] or open an issue on the GitHub repository.