Невозможно связать значок сайта после изменения в файл JavaScript - PullRequest
0 голосов
/ 19 сентября 2018

В моем локальном каталоге все работает.У меня есть файл JavaScript, который создает favicon и ссылки style.css.В теге script ничего не работает.Вот где можно найти необработанный код, и ни один из них не работает:

Я использовал третий, но как только я внес изменение в script.js, все сломалось!По сути, в моем script.js я ссылаюсь на значок, относящийся к хранилищу, и относительно привязываю файл style.css, используя createElement и атрибуты, и добавляю его в заголовок.

const link = top.document.createElement("link");
link.type = "image/x-icon";
link.rel = "shortcut icon";
link.href = "./icon.ico";
top.document.querySelector("head").appendChild(link);

const stylesheetLink = top.document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = "./style.css";
top.document.querySelector("head").appendChild(link);

console.log("The style was linked and the favicon was added.");

Всеработал нормально, пока я не добавил второй раздел - связывание style.css - и, поскольку они были связаны через ветвь (не рекомендуется), значки значков исчезли.

Почему это происходит и как я могу это исправить?Ссылки ветвления не работают, потому что они постоянно кэшируются, но как насчет ссылок на хеш-коммит?

9/19/2018

Теперь я использую вторую ссылку с CDN и коммитом, но приведенный выше код не работает.У меня есть две другие функции, goToHomePage() и goBack(), которые работают нормально.Все работает локально, в Sublime Text 3, когда я запускаю его в эквивалентном HTML-файле.Фавиконы появляются.Почему это работает локально, но не на страницах GitHub?

9/20/2018

Я добавил отладочный оператор console.log(), говорящий

Стиль был связан, и добавлен значок.

После обновления коммита для одного из моих репозиториев и его отправки он распечатывается!Итак, факты таковы:

  • Другие функции работают
  • Отображается оператор Console.log
  • До внесения изменений в script.js все работало нормально.
  • После внесения изменения в script.js исчезли значки, которые были связаны через script.js
  • Добавление его вручную путем проверки элемента на веб-странице и добавления работ в иконку

Я предполагаю, что проблема заключается в

  • Не в необработанном коде файла, потому что функция журнала работала
  • С созданием элемента ссылки - я продолжал переключаться между top.document и document но через консоль я обнаружил, что они точно такие же

1 Ответ

0 голосов
/ 22 сентября 2018

Во втором разделе - связывание таблицы стилей, переменная link добавляется снова, когда она должна быть добавляемой переменной stylesheetLink.В последней строке MCVE измените .appendChild(link) на .appendChild(stylesheetLink).

Также вы можете просто набрать cdn.rawgit.com/KnowledgeableKangaroo/KnowledgeableKangaroo.github.io/master/script.js.Ветка работает до тех пор, пока вы используете CDN.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...