Wie kann ich die von einer externen Anwendung erstellte Webseite ändern, ohne die Anwendung zu ändern?

Ich habe das folgende Problem: Ich habe eine Frontend-Anwendung A, die authentifiziert, richtet einen Reverse-Proxy ein und leitet dann an eine separate Anwendung B, die ich nicht kontrolliere.Wie kann ich die von einer externen Anwendung erstellte Webseite ändern, ohne die Anwendung zu ändern?

Ich möchte Dekorationen auf der resultierenden Seite der B-Anwendung hinzufügen, zum Beispiel eine Schaltfläche "Abmelden" hinzufügen, aber ich kann den Code oder Vorlagen von B nicht ändern.

Gibt es einen Zaubertrick, von dem ich nichts weiß, um dieses Ergebnis zu erhalten?

Quelle

2016-09-05 Stefano Borini

Ihr Tag HTML ist ein bisschen, einsam. Hast du mehr Kontext? – Roberrrt

@Roberrrt: Ich würde, wenn ich wüsste, worüber ich spreche, aber wenn ich das täte, wäre ich nicht hier und frage :) –

Fair play, hehe. Mein erster Instinkt sagt: "Nein" Sie können eine externe Seite nicht von einer anderen Quelle ändern, aber es gibt einige kontextabhängige Seiten, die unter bestimmten Bedingungen funktionieren. Nehmen Sie als Beispiel ein Bookmarklet (https://en.wikipedia.org/wiki/Bookmarklet). – Roberrrt

Ihr Fall ist, wie in den Kommentaren diskutiert, lässt Sie für ein paar Optionen zu öffnen:

Wrap Anwendung b innerhalb eines

Last Anwendung b innerhalb eines , unter Beibehaltung eine benutzerdefinierte Navigationsleiste oben auf einer festen Position. Dies wäre möglich, wenn die Datei am selben Ort wie die Anwendung b gehostet wird. Dies würde verhindern, dass der ursprüngliche Code der Anwendung b manipuliert wird, während Sie immer noch die Freiheit haben, die Benutzererfahrung zu ändern.

Beispiel:

<iframe src="https://mdn-samples.mozilla.org/snippets/html/iframe-simple-contents.html" width="400" height="300"> <p>Your browser does not support iframes.</p> </iframe>

(Variation davon):

<object data="http://www.web-source.net" width="600" height="400"> 
    <embed src="http://www.web-source.net" width="600" height="400"> </embed> 
    Error: Embedded data could not be displayed. 
</object>

Alternativ ist dies eine große Frage im Zusammenhang mit einigen tragfähige Lösungen: Alternative to iFrames with HTML5

Inser t benutzerdefinierte JavaScript/CSS innerhalb Anwendung b

Wenn Sie die Kontrolle über den Code der Anwendung b haben, könnten Sie eine kleine JavaScript-Datei enthalten, die automatisch einige absolute Elemente fügt die Benutzerfreundlichkeit zu verbessern. Es würde vermeiden, dass die Original-Code zu ruinieren, aber es ist nicht wirklich eine saubere Lösung

Ändern Sie den vorhandenen Code

Es ist eine Option, aber man sollte nicht, wenn Sie nicht bequem bearbeite es. Weil Sie sehr wahrscheinlich viel Zeit darauf verschwenden werden.

Viel Glück bei Ihrer Bewerbung!

Quelle

2016-09-05 08:33:29 Roberrrt

Wie kann ich die von einer externen Anwendung erstellte Webseite ändern, ohne die Anwendung zu ändern?

Antwort

Verwandte Themen