كيفية حقن المحتوى في `before-script-load`؟

gormus · 23 مايو 2023، 9:35م

هل يمكنني حقن بعض جافاسكريبت في منطقة before-script-load؟

هل يمكن تحقيق ذلك عبر سمة (theme) أو مكون سمة (theme-component)؟

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 مايو 2023، 11:46م

هل يجب تشغيله في ذلك المكان بالضبط (ترتيب التنفيذ)؟ سيقوم المتصفح بتحميل جميع نصوص علامة الرأس هذه بغض النظر عن ترتيبها. يمكنك إضافة النص في منطقة علامة الرأس عن طريق الانتقال إلى قسم تحرير CSS/HTML الخاص بالمظهر في admin-customize-themes. إذا كان مظهرك مستضافًا ولا يسمح بالتخصيص، يمكنك إضافته باستخدام مكون مظهر (أو إلى ملف علامة الرأس في المستودع إذا كان مظهرك الخاص).

Falco · 24 مايو 2023، 12:33ص

هذه صفحة تطوير لا تُستخدم في بيئة الإنتاج.

بالنسبة للصفحات الفعلية في Discourse، يمكن للسمات حقن المحتوى في العنصر الرأسي (head) بشكل جيد، ولكن دون الكثير من التحكم في المكان الدقيق الذي يحدث فيه ذلك، ولكن كما قال @Lilly، لا ينبغي أن يكون هذا مشكلة.

إذا كان بإمكانك إخبارنا بمزيد من التفاصيل حول ما تريد تحقيقه بالضبط، فقد نقدم بعض الاقتراحات.

pfaffman · 24 مايو 2023، 12:34ص

أعتقد أنك تريد وضعه في مُهيئ.

ألقِ نظرة على Split up theme Javascript into multiple files

لكن فالكو يعرف الكثير عن ذلك أكثر مني.

gormus · 24 مايو 2023، 4:23م

شكراً لك @Lilly و @Falco و @pfaffman.

أعتقد أن هذه هي مشكلتي الرئيسية.

على سبيل المثال، أحتاج إلى التأكد من أن كائن dataLayer الذي أقوم بتعيينه يتم إضافته دائمًا إلى الصفحة قبل أي نص برمجي آخر، إن أمكن. خاصة قبل تحميل GTM (سواء عبر المدمج، أو مُحمِّل مخصص).

على جهاز التطوير المحلي الخاص بي، حاولت استخدام initializes و pre-initializers وقالب head_tag.html؛
وداخل قالب head_tag.html، حاولت تغليف الكود الخاص بي بعلامات <script></script> و <script type="text/discourse-plugin" version="0.1"></script>.

مع كل منها، يمكنني رؤية ترتيب التهيئة بالنسبة لبعضها البعض. ولكن بخلاف ذلك، لا يبدو أن لدي تحكم في ترتيب تحميل النصوص البرمجية.

الموضوع		الردود	مرات العرض
How to put javascript in Discourse theme? Dev	13	2016	20 نوفمبر 2022
Javascript assets in a theme component Dev	15	2064	7 مايو 2021
How to add JS in After Header? Support	5	947	16 أغسطس 2022
How to embed JavaScript script in front of ,</body> tag Dev	8	676	17 أكتوبر 2023
How to add Javascript to Footer Of Posts? Support	3	852	10 أكتوبر 2021

كيفية حقن المحتوى في `before-script-load`؟

الموضوعات ذات الصلة