I am currently trying to find a solution which will allow me to display any web page within an html element (such as a <div> element), which can then be styled and resized as necessary. I have already tried to load web pages within an <iframe>, however this results in X-Frame issues for most web pages, due to response headers which are set to either 'sameorigin'/'deny'. I have also tried to use JavaScript to store children elements found within the <body> of a web page within a variable, and to then add a <div> element within the web page's <body>. A for loop was then used to append the children one by one to the newly created <div> element within the web page's <body>. This has worked well for some web pages, but unfortunately has not worked well across all web pages (in some cases certain web page elements are not being included in the <div>).
In order to reach my desired goals, the proposed solution must:
- Work well across all web pages;
- Provide support for interaction with html elements of the web page which are being loaded within the html element (such as the
<div>element as suggested above).
Could you provide me with further suggestions I could try out, in order to reach the goals outlined above?
Thank you
Aucun commentaire:
Enregistrer un commentaire