Wie fügt man Inhalt in `before-script-load` ein?

gormus · 23. Mai 2023 um 21:35

Ich möchte etwas JavaScript in den before-script-load-Bereich injizieren.

Ist es möglich, dies über ein Theme oder eine Theme-Komponente zu erreichen?

app/assets/javascripts/discourse/app/index.html

911539c1b


      
            👋 Greetings Discourse Developer. This HTML was generated by the ember-cli proxy. If you're looking for
            <head> content generated by Rails, you'll need to start the server with `ALLOW_EMBER_CLI_PROXY_BYPASS=1`
            and then visit the Rails port (e.g. `localhost:3000`) directly. Be sure to keep ember-cli running so
            that JS assets continue to be re-compiled when changes are made.
          -->
          <meta charset="utf-8">
          <title>Discourse - Ember CLI</title>
          <meta name="description" content="">
          <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover">
          
          <bootstrap-content key="before-script-load">
          {{content-for "before-script-load"}}
          
          <bootstrap-content key="discourse-preload-stylesheets">
          {{content-for "discourse-preload-stylesheets"}}
          
          <script defer src="{{rootURL}}assets/vendor.js"></script>
          <script defer src="{{rootURL}}assets/discourse.js"></script>
          
          <ember-auto-import-scripts defer entrypoint="app"></ember-auto-import-scripts>

Lilly · 23. Mai 2023 um 23:46

muss es an dieser exakten Stelle (Ausführungsreihenfolge) ausgeführt werden? Der Browser lädt alle Skripte im Head-Tag, unabhängig von ihrer Reihenfolge. Sie können das Skript im Head-Tag-Bereich hinzufügen, indem Sie im Bereich admin-customize-themes zu „Edit CSS/HTML“ gehen. Wenn Ihr Theme gehostet wird und keine Anpassung zulässt, können Sie es mit einer Theme-Komponente (oder in der Head-Tag-Datei des Repositories, wenn es Ihr Theme ist) hinzufügen.

Falco · 24. Mai 2023 um 00:33

Das ist eine Entwicklungsseite, die nicht in der Produktion verwendet wird.

Was die eigentlichen Seiten in Discourse betrifft, können Themes Inhalte in das Head-Element einfügen, aber ohne viel Kontrolle über den genauen Ort, an dem dies geschieht. Aber wie @Lilly sagte, sollte dies kein Problem sein.

Wenn Sie uns mehr Details darüber geben können, was genau Sie erreichen möchten, können wir Ihnen einige Vorschläge machen.

pfaffman · 24. Mai 2023 um 00:34

Ich glaube, Sie möchten es in einen Initialisierer einfügen.

Schauen Sie sich Split up theme Javascript into multiple files an.

Aber Falco weiß mehr darüber als ich.

gormus · 24. Mai 2023 um 16:23

Vielen Dank @Lilly, @Falco und @pfaffman.

Ich glaube, das ist mein Hauptproblem.

Zum Beispiel muss ich sicherstellen, dass das von mir gesetzte dataLayer-Objekt immer vor jedem anderen Skript zur Seite hinzugefügt wird, wenn möglich. Insbesondere vor dem Laden von GTM (entweder über die integrierte Funktion oder einen benutzerdefinierten Loader).

Auf meiner lokalen Entwicklungsbox habe ich versucht, die initializes, pre-initializers und die head_tag.html-Vorlage zu nutzen.
Und innerhalb der head_tag.html-Vorlage habe ich versucht, meinen Code mit \u003cscript\u003e\u003c/script\u003e und den \u003cscript type=\"0.1\" version=\"0.1\"\u003e\u003c/script\u003e-Tags zu umschließen.

Mit jedem dieser Versuche kann ich die Bootstrapping-Reihenfolge relativ zueinander sehen. Aber abgesehen davon scheine ich keine Kontrolle über die Reihenfolge der geladenen Skripte zu haben.

Thema		Antworten	Aufrufe
How to put javascript in Discourse theme? Dev	13	2016	20. November 2022
Javascript assets in a theme component Dev	15	2064	7. Mai 2021
How to add JS in After Header? Support	5	947	16. August 2022
How to embed JavaScript script in front of ,</body> tag Dev	8	676	17. Oktober 2023
How to add Javascript to Footer Of Posts? Support	3	852	10. Oktober 2021

Wie fügt man Inhalt in `before-script-load` ein?

Verwandte Themen