Quickly find & copy ID of sections and blocks in Squarespace. Supports Fluid Engine & mobile queries

Latest Version

Version
1.2
Update
November 8, 2024
Size
57.44KiB
Developer
opsqs.com
Category
Users
460
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
Storage
See more

SquareSpace ID & class finder Extension

Allows to quickly find and copy IDs/classes of any SquareSpace page, section, or block.
Activate the extension with a button in the browser panel or with a hotkey (Alt/Option).

Allows to copy ids & classes: Header | Section | Fluid Engine | Regular block | Footer

✅ Supports Fluid Engine.
✅ Bigger click areas for easier copying.
✅ Hotkey activation to toggle IDs/classes.

-----
UPDATED v1.2
If you have any issues with the extension, please re-save the options!

Completely rewritten logic and functionality to work with Squarespace 7,1 and in the edit mode

🆕 Added:
- Squarespace version detection
- Edit and preview buttons

- Header / footer panel

- Additional breakpoint to fix blank space on mobile

- Squarespace 7.0 support
- Edit mode support

🛠️ Fixed:
Broken password screen with active app
Impossible to show IDs via extension icon
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"background": {\t\t"service_worker": "/background.js"\t},\t"action": {\t\t"default_icon": {\t\t\t"128": "icon_128.png"\t\t},\t\t"default_title": "SquareSpace ID Finder"\t},\t"icons": {\t\t"128": "icon_128.png"\t},\t"name": "SquareSpace ID & class finder",\t"description": "Quickly find & copy ID of sections and blocks in Squarespace. Supports Fluid Engine & mobile queries",\t"version": "1.2",\t"manifest_version": 3,\t"permissions": [ "activeTab", "storage"],\t"content_scripts": [\t\t{\t\t\t"matches": [\t\t\t\t"*://*/*"\t\t\t],\t\t\t"js": [\t\t\t\t"/app.js"\t\t\t],\t\t\t"css": [\t\t\t\t"/style.min.css"\t\t\t],\t\t\t"all_frames": true,\t\t\t"run_at": "document_end"\t\t}\t],\t"options_ui": {\t\t"open_in_tab": true,\t\t"page": "/options.html"\t}}
Read more