2016-07-14 29 views
-6

Kürzlich stieß ich auf eine Seite namens (http://tomerlerner.com), die mir sehr cool aussah.Gibt es Möglichkeiten, HTML-Code zu verstecken (keine Verschleierung)?

Um zu studieren, wie das gemacht wurde, habe ich mir den Quellcode angesehen (view-source: http://tomerlerner.com/about).

Aber ein paar Dinge haben mich verkrüppelt. Wenn du zum Beispiel den 'HAUPTINHALT UND INJIZIERTE ANSICHTEN' (kommentierter Teil) siehst, hat er den Hauptinhalt mit irgendwelchen Zeigern versteckt. Und die Java-Skripte, die auch unten auskommentiert sind, funktionieren.

Kann jemand sagen, welchen Prozess er verfolgt hat und wie man es macht.

+1

scheint er angularJS verwendet und alle JS in einem – Grainier

+0

minimiert Entschuldigung, "Zeiger"? "Java-Skripte"? – Chiru

+0

Wie @Grainier sagte, sieht es so aus, als ob der Autor alle js-Dateien minimiert und in '' gesetzt hat. Es scheint, dass die auskommentierten js-Dateien nur zur Klärung dienen (um zu wissen, welche Dateien die minimierte js-Datei ausmachen). –

Antwort

2

Es gibt keine Möglichkeit, die HTML-Quelle zu verbergen, da der Code ist, was der Browser als Anweisungen vom Server erhält.

Aber Sie können Ihre JS/HTML so minimieren und verkomplizieren, dass sie für menschliche Augen gewunden aussehen würden. Dies verbirgt effektiv alle sinnvollen Variablen- und Funktionsnamen und würde es für andere schwierig machen, den Code lesbar zu reproduzieren. Google für die Minimierung und Uglify - Sie werden Tonnen von Lösungen für diesen Zweck erhalten.

Und es gibt einige serverseitige Lösungen zu entstehen. Jene können clientseitige Skripts verarbeiten und das Markup auf der Serverseite selbst rendern, bevor sie an das Frontend gesendet werden.

Angular Universal ist ein solcher Rahmen.