Скриншот+вопрос (снова), про яваскрипт на этот раз

На странице ЛОРа фавиконт задан так

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Хоть путь и задан относительно, браузер сам разрешает его выдавая из этого

ipath = document.querySelector('link[rel="icon"], link[rel="shortcut icon"]');
console.log(ipath.href)

Полноценную ссылку

https://www.linux.org.ru/favicon.ico

Возможно потому что на ЛОРе явно задан базовый путь, для явного разрешения относительных ссылок

<base href="https://www.linux.org.ru/">

Базовых путей может быть несколько.

На других сайтах проверять лень.
А так в js можно просто resut = rpath + filepath; и всё, конкатенация строк идёт просто через оператор сложения. В dev консоли браузера у возврата от функции поставь точку, но выплюнет тебе что там внутри того что вернула функция.

На всякий случай ещё напомню, что например внутри css если ты туда полезешь, относительные пути разрешаются относительно пути самого css файла, а не относительно базового путинепутю сайта.

Может я тебе тут и так понятную тебе фигню написал, а может это то что ты спрашивал.

эээ...

я всё равно ничего не понял(

Как строки складывать-то я знаю. Я не понимаю, куда свой rpath пихать)))

JS-то у меня в расширении, не на сайте, с которого надо снять фавиконку. Поэтому и rpath, что нужно выражение:

favurl=бла-бла-бла(rpath)

И я не вижу в твоих примерах такого. Ух я и приморозился. Наверно магнитная буря)))

Скриншот+вопрос

Какой-то новый жанр ЖЖ.

Dторой раз так выступаю, да. Пуркуа бы, собсна, и не па?)

Дополняя:

ipath = document.querySelector('link[rel="icon"], link[rel="shortcut icon"]');

почему тут нету нигде моего «rpath»? ведь ipath должен получаться из него?

я не понимаю(

Кажется, я понял, в чём расхождение. И ты, и интернет даёте мне советы о том, как получить фавикон страницы из скрипта, находящегося на этой же странице.

А я хочу в скрипте из произвольной ссылки получить её фавиконку, понимаешь? У меня rpath меняется в скрипте, мне нужны разные фавиконки разных сайтов.

Внешние сервисы не нужны. Они умеют ох как не во всё. Ни онионы, ни игдразили, ни айтупишечки и так далее гугло- и прочими сервисами не охвачены и не предполагается. Ах если бы всё было так просто.

Ну тогда скачивай HTML и парси нужные теги, готового API для этого я не знаю. Если хочется по-быстрому, можешь просто example.com/favicon.ico использовать, для какого-то процента сайтов сработает.

для какого-то процента сайтов сработает

Сработает почти со всеми сайтами.

А вот с PWA-first — тут уж как повезёт.

скачивай HTML и парси нужные теги

Вот именно о том, как это делается средствами яваскрипта, вопрос и был. По-быстрому оно всё у меня есть. Я хочу по-нормальному.

Не совсем понятно из твоего описания, где твой JS выполняется. Если на каком-то сайте, то никак. Если в расширении, то fetch + DOMParser, очевидно.

Сработает почти со всеми сайтами.

Да нет, совсем не со всеми. favicon.ico это самое убогое, что можно придумать, и многие сайты используют соответствующие теги для переопределения фавиконки на HiDPI png хотя бы.

favicon.ico это самое убогое, что можно придумать … для переопределения фавиконки на HiDPI png хотя бы

как же эти тупые бездари до HiDPI в 90х не додумались. ух негодники.

еще вообще не понимаю, почему вместо i9 они делали сраные пентиумы.

Сработает почти со всеми сайтами.

Да нет, совсем не со всеми. favicon.ico это самое убогое, что можно придумать, и многие сайты используют соответствующие теги для переопределения фавиконки на HiDPI png хотя бы.

А я и не утверждал что /favicon.ico это что-то нормальное. Но это что-то дефолтное, и если сайт делали не полные смузихлёбы, то в качестве fallback оно там есть.

Нет, это не дефолтное. Если у тебя HTML написан корректно, нет никакой причины его там держать. Если сайт делали не полные смузихлёбы, конечно.

как же эти тупые бездари до HiDPI в 90х не додумались. ух негодники.

Да, раньше люди были довольно глупые. Много чего приходится исправлять.

Нет, это не дефолтное.

Всё с тобой понятно.
Дальше даже читать не стал.

Да, раньше люди были довольно глупые. Много чего приходится исправлять.

Раньше в инструкции писали как регулировать клапана в автомобиле, а теперь что не стоит пить антифриз.

да, оно в расширении

fetch + DOMParser

Понял, буду изучать. Вроде именно то, что мне надо. А я этот fetch на html-адрес натравлю, где страница генерируется движком, то он выдаст хтмл-код, который движок нагенерил, или исходный полуфабрикат, в котором инфа перемешана или отсутствует?

а теперь что не стоит пить антифриз

Этот тип инструкций тоже устарел. Теперь стали писать с чем лучше мешать антифриз чтоб утром голова не болела.

fetch получит то, что отдаст ему веб-сервер. Если там SPA, то страница будет, считай, пустой, но с большой долей вероятности там всё же будет правильный тег link для иконки.

Понятно. А что такое SPA?

Грубо говоря, приложение на чистых скриптах, где исходный index.html служит исключительно для запуска.

DeepSeek выдаёт такую функцию:

async function getShortcutIcon(url) {
  try {
    const response = await fetch(url);
    
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    
    const html = await response.text();
    const parser = new DOMParser();
    const doc = parser.parseFromString(html, 'text/html');
    
    // Получаем базовый URL из тега <base> или используем оригинальный URL
    const baseElement = doc.querySelector('base');
    let baseUrl = url;
    
    if (baseElement && baseElement.href) {
      try {
        baseUrl = new URL(baseElement.href, url).href;
      } catch (e) {
        console.warn('Invalid base URL, using original URL:', baseElement.href);
        baseUrl = url;
      }
    }
    
    // Ищем shortcut icon
    const iconSelectors = [
      'link[rel="shortcut icon"]',
      'link[rel="icon"]',
      'link[rel*="icon"]',
      'link[rel="apple-touch-icon"]',
      'link[rel="apple-touch-icon-precomposed"]'
    ];
    
    let iconLink = null;
    let iconElement = null;
    
    for (const selector of iconSelectors) {
      iconElement = doc.querySelector(selector);
      if (iconElement && iconElement.href) {
        iconLink = iconElement.href;
        break;
      }
    }
    
    // Обрабатываем относительные пути с учетом base URL
    if (iconLink) {
      try {
        // Если это относительный путь (не начинается с http)
        if (!iconLink.startsWith('http') && !iconLink.startsWith('data:')) {
          iconLink = new URL(iconLink, baseUrl).href;
        }
      } catch (e) {
        console.warn('Could not resolve icon URL:', iconLink, e);
      }
    }
    
    return iconLink;
    
  } catch (error) {
    console.error('Error fetching shortcut icon:', error);
    return null;
  }
}

Спасибо, добрый человек! Буду приспосабливать)

Просто про скрин…

В нижней панельке проматывается рандомно вытянутый с флибусты «Клим Самгин» с синхронной тринадцатиголосной RHVoice-озвучкой (одного и того же диктора слушать скучно, поэтому они откалиброваны по высоте, скорости, громкости, и каждые 150 секунд рандомно друг друга сменяют, немного подробностей на третьем скрине).

Хм, а это правда нормально? Перечитал 2 раза … эээ..

С трёх источников (флибуста, мракопедия, крипер.ру, если конкретно) система тянет случайный текст.

Этот случайный текст система читает вслух, синхронно показывая читаемый в данный момент текстовый фрагмент в нижней панели оконного менеджера.

Это осуществляется с помощью голосового движка RHVoice, в режиме периодической смены голоса (13 вариантов). На скриншоте номер три виден скрипт, это осуществляющий, и текстовый файл, использующийся для подгонки голосов друг к другу для достижения одинакового темпа, громкости, и средней тональности.

Да, это правда нормально, и никаких проблем в стиле изложения не вижу. Сожалею, что не угодил...

Я не про это, ну новости по линукс в бегущей строке снизу (и голосом) можно понять или музон какой. Но чтобы книгу так … ну х.з.

новости по линукс в бегущей строке снизу (и голосом) можно понять или музон какой

Эрэсэски я пускал тоже, и про линукс, и так, целый тег в агрегаторе был, сейчас скрипт куда-то зарыл. Сейчас на крипипастах висну - болбочет какая-нибудь стори, и норм под неё отъезжать в небытие, порой бриллиантового качества контент скрипт цепанёт. А так, буфер обмена послушать, очень, бывает, кстати приходится - скрипту ж всё равно, что ему на вход подать - то он и прочтёт.

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

RHVoice вообще очень клёвый движок, после очень краткой притирки ушей и минимальной отстройки голосов воспринимается абсолютно естественно. Там разрабы слепые, уж в чём-в-чём, а в озвучке эти люди соображают.

А, ну и если интересуешься - у такой вещи, как аудиокнига, есть свой вполне себе круг потребителя, например. Среди дальнобоев, например, вполне себе не редкость в плеер каких-нибудь попаданцев зарядить)

Вписал в content.js, перепаковал и переставил аддон. Упёрся. Фатальных ошибок нет, но ни одну иконку не затащило.

Мозилла пишет в консоли "...(Reason: CORS request did not succeed). Status code: (null)...".

НЯП, это политика файрфокса или политика яваскрипта вообще или еще что, но расширению парсить сторонний сайт не позволено. Я так понял. В эбаут:конфиг похожие по смыслу ключики пощёлкал - без эффекта...

Это политика CORS вообще: хоть расширение выполняется из своего контекста, а не из контекста страницы, однако ему всё равно не позволяется просто так дёргать чужие домены.

И всё, это тупик?...

Можно сделать через свой сервер

минималистично и удобно

Не, ну это уже совсем из пушки по воробьям...

Странно, задачка типовейшая, давно библиотека какая-нибудь штатная дрлжна была бы быть для этого...

Нет, конечно, у web-расширения куда больше прав, чем у обычной веб-страницы.

А почему ж тогда мне мозилла пишет, что запрет?

Буду дальше разбираться...

Нет, ну этот ваш линух. Я просто хотел фавиконку! Бдыщ - и вот я уже учу яваскрипт)

Надо в манифесте прописать разрешения.

Если manifest v2, то "permissions": ["*://*/*"].

Если manifest v3, то "host_permissions": ["*://*/*"].

Век живи - век учись(с). Спасибо!

А где Флаппи Бёрд?

Во флаппи форесте, должно полагать. Почему ей обязательно надо быть?

прост твой десктоп очень похож на игру Flappy Bird. Только мрачный… Но мб это Flappy Bird: Maloyaroslavets edition

У гениев мысли сходятся, вестимо)

Flappy Bird. Только мрачный…

Funeral Bird

минималистично и удобно

Спасибо на добром слове - да, как-то уже в кости въелось не стесняться приступов оголтелого, жёсткого феншуя. Глаза и руки, чай, не казённые, бутылочное, самое что ни на есть, горлышко. Штатный файрфоксовый хомяк надлежит сразу же накрепко заколотить досками и приморозить целый зоопарк паразитов, который вокруг этого кошмара пасётся - хвала эбаут:конфигу, милостивому, милосердному...

вписал, помогло!

Но всё-таки не полностью, некоторые фавиконки оно продолжает не видеть, «а они есть»...

else if (url) {}

Ёпт, используй словарь.

Ты, блин, переоцениваешь мою мощь. Я и в словари-то тоже только вкатываюсь)

else if (url) {}

Понял. А в фигурных скобках уже оперировать url как переменной. Спасибо!