The OG+ Preview bookmarklet simulates the rendering environment in your browser so you can test ogplus: styles locally.
Usage
- Navigate to any page on your site
- Click the bookmarklet to open the consumer selection modal
- Select a consumer (LinkedIn, Twitter, Facebook, etc.) to preview those styles
- Press Esc to exit preview mode and remove the attribute
The bookmarklet sets data-ogplus on your <html> element, triggering your ogplus: styles.
What to check
When previewing, verify:
- Navigation and footers hide correctly
- Social card content appears
- Padding and spacing look right per consumer
- Text is readable at the rendered size
Troubleshooting
Nothing changes? Make sure you have ogplus: variants defined in your CSS.