Блог

Я создаю расширение chrome, которое изменяет заголовок какой-либо страницы pdf, например https://arxiv.org/pdf/2005.01463v2.pdf.

Код отлично работает до загрузки pdf, но когда pdf загружен полностью, заголовок окна возвращается к имени pdf (вместо моего заголовка), и использование document.title = "cool title" сообщений или Chrome на background.js не работает.

Однако выполнение руководства document.title = "cool title" с консоли на данной странице pdf хорошо работает.

 // content_script.js
const makeTitle = (time) => {
    setTimeout(() => {
        title = "cool title"
        console.log("Updating pdf title");
        chrome.runtime.sendMessage({ type: "update-title", options: { title } })
        window.document.title = title;
    }, time)
}

makeTitle(0)
makeTitle(1 * 1000);
makeTitle(5 * 1000);
makeTitle(10 * 1000);
makeTitle(20 * 1000);
makeTitle(60 * 1000);
makeTitle(5 * 60 * 1000);
 

 // background.js
chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
    console.log("Executing background message")
    if (request.type == "update-title") {
        const { title } = request.options;
        chrome.tabs.executeScript(sender.tab.id, { code: `document.title = "${title}"` });
    }
});
 

Я должен использовать их, setTimeout потому что не могу определить, загружен ли файл PDF. makeTitle отлично работает до загрузки PDF-файла, но не после, и я хотел бы решить эту проблему. Спасибо!

PS: Я знаю, что есть дубликат изменения названия, просто ни одна из этих 2 стратегий не работает

Это ошибка в Chrome. Он задает заголовок внутри и игнорирует title элемент DOM.

Обходной путь состоит в том, чтобы использовать chrome.tabs.onUpdated для установки пустого заголовка, а затем установить нужный.

background.js

 const title = 'foo';
chrome.tabs.onUpdated.addListener((tabId, info, tab) => {
  if (info.title amp;amp; info.title !== title amp;amp; tab.url.endsWith('.pdf')) {
    chrome.tabs.executeScript(tabId, {
      code: `document.title=''; document.title="${title}"`,
      runAt: 'document_start',
      // runs immediately if this change occurs before DOMContentLoaded
    });
  }
});
 

В Chrome есть еще одна ошибка: он периодически отображает встроенный заголовок при переключении на другую вкладку и обратно. Эта конкретная ошибка, похоже, исправлена в предстоящем «несезонном» просмотрщике PDF, который в настоящее время можно включить с помощью chrome://flags/#pdf-unseasoned