Idee di design per mostrare la pagina di un altro sito Web nel mio sito web

-1

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 #.

    
posta Tony_Henrich 09.09.2017 - 05:04
fonte

1 risposta

0

Dovevo fare qualcosa di simile ma non volevo usare un iframe o preoccuparmi di tirare i loro file di risorse sul mio server. La soluzione era estrarre l'HTML dall'URL esterno e iniettare un tag <base href="http://url-to-external-site.com" /> che puntava all'URL originale. Potrei quindi utilizzare l'HTML sul mio sito come normale (senza un iframe) .

L'ho fatto in node.js e apri il progetto sostituzione iframe-nodo :

A small node server that grabs the source code of an external website and injects your content - thus allowing you to host your app on a subdomain and without an iframe. Changes to the external site (navigation etc) are automatically picked up every 5 minutes and reflected in your app.

Dovrebbe essere relativamente semplice portarlo su C #

EDIT: quando usi un tag base su un URL esterno, devi assicurarti che tutti i tuoi URL siano assoluti!

    
risposta data 11.09.2017 - 15:44
fonte

Leggi altre domande sui tag