Vorrei mostrare una pagina web da un altro sito e mostrarla sul mio sito web. Voglio annotare un testo sul contenuto del sito web.
Concettualmente so cosa deve essere fatto:
- Catturerò l'html della loro pagina web e probabilmente i file css e js e li inserirò in una cartella sul mio server web. Terrò le url delle immagini puntandole in modo da non doverle scaricare tutte.
- Modificherò l'html della loro pagina web di cui ho una copia e aggiungerò quello che devo fare. Ad esempio, evidenzia il testo e visualizzalo. Probabilmente fallo in un iframe.
So che alcuni siti scaricano asset in modo asincrono dopo che l'html iniziale ha caricato le cose complicate.
L'acquisizione della parte e l'iniezione del mio codice js non dovrebbero essere difficili. Sto sollecitando idee su come visualizzare la pagina di un altro sito sulla mia pagina mentre la loro pagina viene visualizzata correttamente sulla mia come se fossi sul loro sito e cercando di salvare la quantità minima delle loro risorse qualunque esse siano sul mio server.
L'immagine sottostante mostra cosa voglio fare. L'utente è su mypage.com che è il mio sito. La scatola sta mostrando una pagina web da un altro sito ricostruito da me che mostra lo stesso contenuto con alcune aggiunte. Ho colorato alcuni dei loro testi in rosso per mettere a fuoco quel testo e spiegare qualcosa all'utente.
Qualche idea su come farlo a parte di ciò che ho menzionato? Qualunque software o librerie che faccia parte di questo lavoro? Il back-end è in C #.