Dynamic Content Screenshot Automation
Budget: €8 – €30 EUR
I need a skilled professional to help me automate the creation of screenshots for dynamic pages on a server.
Key Points:
- The pages to be captured are custom online HTML pages, with dynamic content.
- The challenge we face is these pages have API data blocked by CORS policy. And we don't have access to the API server.
- The data are charts retrieved by API. To have them displayed on Chrome for example we have to use this plugin: https://chromewebstore.google.com/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf
- The solution will need to work around this CORS policy issue to successfully take screenshots.
- We use wkhtmltoimage to take screenshots on CentOS in PHP, though any solution that works would be fine
Error message we get on Chrome Inspection Console is: Access to XMLHttpRequest at 'https://api.aaaaaaaa.com/' from origin 'https://bbbbbbb.com' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains the invalid value ''.
Ideal Skills:
- Proficiency in web development, particularly with single-page applications and API integrations.
- Expertise in browser automation and screenshot generation.
- Familiarity with handling CORS policy limitations.
- Experience working with server-side rendering, particularly on VPS.
Please provide a brief explanation of your approach to resolving the CORS issue and how you would ensure the screenshots accurately reflect the dynamic content of the pages.
Key Points:
- The pages to be captured are custom online HTML pages, with dynamic content.
- The challenge we face is these pages have API data blocked by CORS policy. And we don't have access to the API server.
- The data are charts retrieved by API. To have them displayed on Chrome for example we have to use this plugin: https://chromewebstore.google.com/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf
- The solution will need to work around this CORS policy issue to successfully take screenshots.
- We use wkhtmltoimage to take screenshots on CentOS in PHP, though any solution that works would be fine
Error message we get on Chrome Inspection Console is: Access to XMLHttpRequest at 'https://api.aaaaaaaa.com/' from origin 'https://bbbbbbb.com' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains the invalid value ''.
Ideal Skills:
- Proficiency in web development, particularly with single-page applications and API integrations.
- Expertise in browser automation and screenshot generation.
- Familiarity with handling CORS policy limitations.
- Experience working with server-side rendering, particularly on VPS.
Please provide a brief explanation of your approach to resolving the CORS issue and how you would ensure the screenshots accurately reflect the dynamic content of the pages.