Как спрятать код инициализации виджета?

Question

[zlodiak]

Я вставляю виджет на страничку следующим распространённым способом:

<div id="wrap"></div>

<script>
  ;(function() {
    const wrap = document.getElementById('wrap');
    if (wrap) {
      const iframeEl = document.createElement('iframe');
      iframeEl.src = '__url__';
      iframeEl.width = '1000';
      iframeEl.height = '550';
      wrap.appendChild(iframeEl);
    }
  })();
</script>

Но мне хотелось бы скрыть код инициализации, который расположен в тегах script. То есть в итоге я хотел бы получить чтобы пользователь видел что-нибудь типа такого:

<script src="//api-maps.yandex.ru/2.1/?load=package.standard&lang=ru_RU"></script>

Пожалуйста хотя бы на словах скажите в какую сторону копать. Что посмотреть стоит?

Comments

[Антон Спирин]

А толку? Если пользователь в состоянии открыть панель разработчика, то поверьте у него хватит ума перейти на вкладку sources или network и посмотреть интересующий код.

[zlodiak]

Это не для безопасности, только для удобства

Answer 1

[xmoonlight]

1. Используйте тег подключения скрипта, как место-указатель для динамического создания контейнера для вывода в него содержимого виджета.
2. Код инициализации виджета - куда хотите кладите в js-файл: на текущий или другой домен.
3. Также, можно положить код инициализации виджета в base64 in-line'ом (в тело страницы).

Comments

[zlodiak]

Спасибо. Но можно пояснить пункт 1, я не понимаю чем он отличается от пункта 2

[xmoonlight]

zlodiak, п.1 (там где этот тег, там и динамически создаём контейнер DIV для вывода виджета в него):

<script src="//api-maps.yandex.ru/2.1/?load=package.standard&lang=ru_RU"></script>

п.2 (код в одном файле на текущем или другом домене):

<script>
  ;(function() {
    const wrap = document.getElementById('wrap');
    if (wrap) {
      const iframeEl = document.createElement('iframe');
      iframeEl.src = '__url__';
      iframeEl.width = '1000';
      iframeEl.height = '550';
      wrap.appendChild(iframeEl);
    }
  })();
</script>