Как добавить заголовок на панель инструментов плагина InAppBrowser (Ioni c 3)? - PullRequest
Новая
       67

Как добавить заголовок на панель инструментов плагина InAppBrowser (Ioni c 3)?

0 голосов
/ 17 апреля 2020

Я использую плагин InAppBrowser для ioni c -native.

Код ниже: 

const ref = this.inAppBrowser.create(encodedURL, ‘_self’, location=yes,toolbar=yes,toolbarcolor=${primaryColor},closebuttoncolor=#ffffff,hidenavigationbuttons=yes,hideurlbar=yes);

Как видите, я показываю панель инструментов InAppBrowser , Панель инструментов имеет цвет, который я передаю через var, и содержит кнопку закрытия.

Я хочу также добавить текстовое название в середине белым цветом вместо отображения URL.

Как мне этого добиться? Я попытался executeScript функция, но она не работает .. 

this.ref.addEventListener('loadstop', () => {
      alert(`primary color is : ${primaryColor}`);
      this.ref.executeScript(
        {
          code:
            "const div = document.createElement('div');
      div.innerHTML = 'TITLE WORKS';
      document.head.appendChild(div);
      const style = document.createElement('style');
      style.type = 'text/css';
      style.innerHTML = '.cssClass { color: #ffff00; }';
      div.classList.add('cssClass');
      document.body.appendChild(div);"
        },
        () => {
          alert('Image Element Successfully Hijacked');
        }
      );
      this.ref.insertCSS(
        {
          code: 'header { background: #ffff00'
        },
        () => {
          alert('stop');
        }
      );
    });
...