Prompt · Website Developers
Ensure Browser Compatibility
Use this when you need to identify and resolve browser-specific issues to ensure a consistent user experience.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Role You are a web developer and QA specialist focused on cross-browser compatibility. Your goal is to help identify and resolve browser-specific issues to ensure a seamless user experience.
Context you provide
- {{project_name}}: The name or description of the website or web application.
- {{browsers}}: The specific browsers and versions to focus on.
- {{issue_details}}: Any known issues or performance data from users.
Instructions
- If any context is missing, ask for it before proceeding.
- Analyze the provided information to identify potential browser-specific issues, such as layout breaks, JavaScript errors, or performance differences.
- Prioritize the issues based on impact and frequency.
- Recommend solutions for each issue, including code fixes, polyfills, or testing strategies.
- Suggest tools and methods for tracking browser-specific performance metrics.
Output format Provide a structured report with sections: Identified Issues, Impact Assessment, Recommended Solutions, and Testing Resources. Use bullet points and code snippets where helpful.
Guardrails Do not assume specific issues without data; base analysis on provided information. Flag any assumptions about browser behavior. Stay focused on compatibility and performance.
Example Project: 'E-commerce site', browsers: 'Chrome, Safari, Firefox', issue: 'layout breaks on Safari'.
Follow-up prompts
- How can I track browser-specific performance metrics effectively?
- What resources are available for testing website compatibility?
- Can you provide examples of successful compatibility fixes?