Size: a a a

JavaScript — русскоговорящее сообщество

2020 July 26

DC

Dmitry Croft in JavaScript — русскоговорящее сообщество
Konstantin Sedykh
а скрипт случае не в шапке? он будет блокировать пока не загрузится всё что есть до него.
Не. И там же суть не в скрипте, а в обработчик на событие DOMContentLoaded
источник

D

Don`t Worry in JavaScript — русскоговорящее сообщество
async то же самое что и defer, но не ждет других скриптов
источник

D

Don`t Worry in JavaScript — русскоговорящее сообщество
Нашел в своих старых заметках))
источник

KS

Konstantin Sedykh in JavaScript — русскоговорящее сообщество
Don`t Worry
- defer (говорит браузеру загружать скрипт в фоновом режиме и продолжать строить DOM-структуру дальше, выполнится после полной загрузки DOM, последовательно загружает скрипты как написано в HTML)
не, загружает то как раз как бог на душу ляжет. а вот инициирует их да, последовательно.
источник

KS

Konstantin Sedykh in JavaScript — русскоговорящее сообщество
вообще defer async preload оч облегчают оптимизацию загрузки. круче только es модули. 🙂
источник

AY

Aleksandr Yudaev in JavaScript — русскоговорящее сообщество
Всем привет! Коллеги, может быть кто-то решал подобное.
Использую puppeteer. Есть расширение браузера, которое модифицирует страницу вставляет в нее свой html код, я получаю html код проверяемой страницы, но в него не попадает html код-инъекция из расширения, хотя если открывать страницу в браузере  то инъекция есть.

т.е. после рендеринга страницы расширение интегрирует внутрь страницы блок:
<div><div class="notification"><div class="notification__close"></div> <div class="notification__logo"></div> <div class="notification__title">
 </div> <div class="notification__cta">
   Activate
 </div></div> <!----></div>


При попытке выловить этот блок, puppeteer его не находит:
let browser = await puppeteer.launch({
     headless: false,
     ignoreDefaultArgs: true,
     args: [
       `--load-extension=${path.join(dir, '/extension')},`
     ]
   });
let page = await browser.newPage();

await page.goto('https:/site.url', {waitUntil : 'networkidle2' });
await page.waitForSelector('.notification__cta');
await page.click('.notification__cta');


Получаю отвал по таймауту при попытке найти элемент: : Timeout - Async callback was not invoked within the 30000 ms timeout specified by jest.setTimeout. Timeout - Async callback was not invoked within the 30000 ms timeout specified by jest.setTimeout.Error:

Если посмотреть html который хранится в page, то туда блок notification не попадает... Возможно будут у кого-то идеи как я могу папетиром отследить html-инъекции и манипулировать ими?
источник

🏡К

🏡 Назар Калитюк... in JavaScript — русскоговорящее сообщество
Aleksandr Yudaev
Всем привет! Коллеги, может быть кто-то решал подобное.
Использую puppeteer. Есть расширение браузера, которое модифицирует страницу вставляет в нее свой html код, я получаю html код проверяемой страницы, но в него не попадает html код-инъекция из расширения, хотя если открывать страницу в браузере  то инъекция есть.

т.е. после рендеринга страницы расширение интегрирует внутрь страницы блок:
<div><div class="notification"><div class="notification__close"></div> <div class="notification__logo"></div> <div class="notification__title">
 </div> <div class="notification__cta">
   Activate
 </div></div> <!----></div>


При попытке выловить этот блок, puppeteer его не находит:
let browser = await puppeteer.launch({
     headless: false,
     ignoreDefaultArgs: true,
     args: [
       `--load-extension=${path.join(dir, '/extension')},`
     ]
   });
let page = await browser.newPage();

await page.goto('https:/site.url', {waitUntil : 'networkidle2' });
await page.waitForSelector('.notification__cta');
await page.click('.notification__cta');


Получаю отвал по таймауту при попытке найти элемент: : Timeout - Async callback was not invoked within the 30000 ms timeout specified by jest.setTimeout. Timeout - Async callback was not invoked within the 30000 ms timeout specified by jest.setTimeout.Error:

Если посмотреть html который хранится в page, то туда блок notification не попадает... Возможно будут у кого-то идеи как я могу папетиром отследить html-инъекции и манипулировать ими?
так в браузере папитира код из расширения есть или нет?
источник

AY

Aleksandr Yudaev in JavaScript — русскоговорящее сообщество
🏡 Назар Калитюк
так в браузере папитира код из расширения есть или нет?
в браузере есть
источник

AY

Aleksandr Yudaev in JavaScript — русскоговорящее сообщество
внутри page - нет
источник

B

BPOH in JavaScript — русскоговорящее сообщество
Ребят подскажите пожалуйста название шрифта или чтото похожее часто где встречается, 30 страниц с шрифтами пересмотрел не могу найти что-то похожее
источник

B

BPOH in JavaScript — русскоговорящее сообщество
Может кто встречал
источник

V

Vlad in JavaScript — русскоговорящее сообщество
BPOH
Ребят подскажите пожалуйста название шрифта или чтото похожее часто где встречается, 30 страниц с шрифтами пересмотрел не могу найти что-то похожее
источник

V

Vlad in JavaScript — русскоговорящее сообщество
fonts ninja экстеншн
источник

B

BPOH in JavaScript — русскоговорящее сообщество
Не он :(
источник

V

Vlad in JavaScript — русскоговорящее сообщество
BPOH
Не он :(
он
источник

DC

Dmitry Croft in JavaScript — русскоговорящее сообщество
Don`t Worry
А почему вы решили что он блокирует first paint. Я повторил ваш код со стаковерфлоу, только добавив еще один абзац текста который не будет удаляться в скрипте, и этот абцаз всегда появляется, а первый абзац иногда при перезагрузке действительно не появляется видимо потому что он уже удалился
Та же самая фигня. Пока обработчик не исполнился -> страница совсем не отрисовалась
       
       Я сделал так:
       1. Добавил еще один <p> тег с другим текстом ниже первого
       2. в while поменял число на 10000000000 (чтобы заблокировать дольше)
       3. Открыл пустую инкогнито вкладку в хроме (чтобы никакие расширения не мешали)
       4. Открыл devtools и отключил кеш
       5. Открыл страницу

       Попробуй именно с новой вкладкой, а не перезагрузкой предыдущей. Так эффект более ясный
источник

B

BPOH in JavaScript — русскоговорящее сообщество
Vlad
он
Там на скрине более пиксельный, у вас более сглаженный
источник

V

Vlad in JavaScript — русскоговорящее сообщество
BPOH
Там на скрине более пиксельный, у вас более сглаженный
погоди, тебе нужен шрифт который на palemoon.org или который на скрине?
источник

B

BPOH in JavaScript — русскоговорящее сообщество
Vlad
погоди, тебе нужен шрифт который на palemoon.org или который на скрине?
На скрине :) не могу найти каким шрифтом тут текст написан ищу уже давно
источник

V

Vlad in JavaScript — русскоговорящее сообщество
BPOH
На скрине :) не могу найти каким шрифтом тут текст написан ищу уже давно
у тебя очень специфические вкусы https://www.fonts-online.ru/font/Minecraft-Rus-Regular
источник