Electron: WebContents `dom-ready` ์ด๋ฒคํŠธ

์— ๋งŒ๋“  2015๋…„ 04์›” 27์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: electron/electron

DOM์ด ์ค€๋น„๋˜๋Š” ์ฆ‰์‹œ WebContents.insertCSS() ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

WebContents.on('did-finish-load') ์‚ฌ์šฉํ•ด ๋ณด์•˜์ง€๋งŒ CSS๊ฐ€ ์ ์šฉ๋˜๊ธฐ ์ „์— ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚ด ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ preload JS ํŒŒ์ผ์— ๋‹ค์Œ์„ ํฌํ•จํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

document.addEventListener('DOMContentLoaded', function () {
    ipc.send('dom-ready');
});

๋ฉ”์ธ ๋ Œ๋”๋Ÿฌ์—์„œ IPC ์ด๋ฒคํŠธ๋ฅผ ์ˆ˜์‹ ํ•ฉ๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์ด๋ฅผ ์œ„ํ•œ ์ด๋ฒคํŠธ๋ฅผ ํ•˜๋Š” ๊ฒƒ์ด ํ›จ์”ฌ ๋” ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

enhancement

๋ชจ๋“  3 ๋Œ“๊ธ€

์ด๊ฒƒ์„ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•ฉ๋‹ˆ๊นŒ? ์ „์ฒด ์•ฑ์— CSS๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

@kylebrowning ์งˆ๋ฌธํ•˜๊ธฐ ์ „์— ํ•ญ์ƒ ํ•ด์•ผ ํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ฌธ์„œ๋ฅผ ์ฝ์œผ์‹ญ์‹œ์˜ค .

@sindresorhus ์˜ˆ, ๋” ๋ช…ํ™•ํ•ด์•ผํ•œ๋‹ค๊ณ  ๋„˜์–ด๊ฐ”์Šต๋‹ˆ๋‹ค. ์ผ๋ถ€ ๋ฌธ์ž์—ด์ด ์•„๋‹Œ ์ „์ฒด ํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ์ด ํ‹ฐ์ผ“๊ณผ ๊ด€๋ จ์ด ์—†์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰