|
16 | 16 |
|
17 | 17 | <meta name=desctiption content='Discover how to run Node.js-like code directly in the browser using WebContainers and other tools. This guide includes a live, editable demo so you can experiment with server-side JavaScript in a webpage—no local setup required.'> |
18 | 18 |
|
19 | | - <link rel=icon type='image/png' href='/blog/image/blog-30.png'> |
| 19 | + <link rel=icon type='image/png' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABLFBMVEVHcEwopnMfpm8epm4epm4hpm81pHgfpm8ipnAhpm8ipnAfpm8gpm8jpnAsquAqpXQhpnAjpnEspXQhpnDr3Mgtqt8epm8fpm8kpnEgpm8rpXPr6OkqquAqquEjpnF/xagnqHTr6OlUtY7m5ubm5ub/9//m5uYbpWyXzLZ1s4UPnmRbqrkdpm7m5ubp5+gbpm0bpWwsq3fC29GXzbaMyrEwrOFHtIYnquHb4+Cz1uUkp3LT4ebi5ejwhhL3jhj7mSO72eXkhB12w+T4pDd8xafF3NKfijLWsrDc3diHlIzyr07et4jq07fqmkfhqFfyv3dauuJnveE2rn1AnFltkULIx8dQomPMfxXvjbNuo4xylYXu0KZqr7fOwrFaueL9yoTI1MatqHQwqtqDrqPS97zrAAAALHRSTlMAHtX5958F0l+Pfe2lXa4QgGAPjf6b8fBbzw9Y0L1h6t3NR9HhDPzLh/QusFA6UqkAAAGESURBVCjPdZNnW8IwEIDTtKVQKHsj7u21RUVREBFQ2SjuPf//fzBt0gFPfT+0z9M3vVwudwhZcLEQzvB8Bof8HJqFi2IeGLwkTy/w+TFMgRWfYyMBAfSShW54IZG3bFwEqJ6XLRYWzQBinEUOAOi7F5rF0rJErA4JGl8RDL2nqYyVte2Nau+lKmTNnI2s3Hq1UNjc6jz1ABv5yzCj1XU12R93nnWQyc+SrdneZMFVo35ZBZA4pPCWrh1Tatpr+/Tx1qhPFonAtNo6oLSS/Ubzjh4OSZY+ua5QJkbokvk5h4IuPZcqhsPF3/Zp88EsHQQRb+sPosOp8M64UR8c0r8FR9O9Kz/fjfqoa2s7uFY7I0zeSOjhEdNBJzV67trX52igWTrnHIxV7X2YVG0tuspC9X2XPJgmZXEV1cR8MU2K6nEltpadC3XagUC1eaHIT9qBNNO+i/INqZqg2M3kBWsmFBG9rJh3GpmflUIi7hqD2OwY+H3/DxGOekzZfAinAdI4FHPkH67FfQ17kRvyAAAAAElFTkSuQmCC'> |
20 | 20 | <meta name=viewport content='width=device-width, initial-scale=1'> |
21 | 21 |
|
22 | 22 | <base href='https://ext-code.com/blog/25-08-17/nodejs-in-webpage/'> |
|
40 | 40 | --> |
41 | 41 |
|
42 | 42 |
|
43 | | - <script src='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js'></script> |
| 43 | + <script src='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js' crossorigin=anonymous></script> |
44 | 44 |
|
45 | 45 |
|
46 | | - <script src='https://libs.ext-code.com/js/dom/component/component.js'></script> |
| 46 | + <script src='https://libs.ext-code.com/js/dom/component/v2.0/component.js' crossorigin=anonymous></script> |
47 | 47 |
|
48 | 48 | <script init> |
49 | 49 | console.clear(); |
50 | 50 | console.log('nodejs-in-webpage.html'); |
51 | 51 | console.log(); |
52 | 52 | console.json=v=>console.log(JSON.stringify(v,null,4)); |
53 | | - |
54 | | - var df=true,version='v1.0' |
55 | | - ; |
| 53 | + var version='v1.0'; |
| 54 | + var df=true,did='html'; |
| 55 | + |
56 | 56 |
|
57 | 57 |
|
58 | 58 | var ace; |
|
75 | 75 |
|
76 | 76 |
|
77 | 77 | async function init(){ |
78 | | - debug('init',version); |
| 78 | + debug('init',version,window.crossOriginIsolated); |
79 | 79 | menu = menumod(); |
80 | 80 |
|
81 | 81 | mod.base.add({ext,$,datatype,keydown,menu,menumod,ace}); |
|
129 | 129 |
|
130 | 130 |
|
131 | 131 |
|
132 | | - <link rel=stylesheet href='/blog/css/blog.css'> |
| 132 | + <link rel=stylesheet href='/blog/css/blog.css' crossorigin=anonymous> |
133 | 133 |
|
134 | 134 | <style> |
135 | 135 |
|
|
188 | 188 |
|
189 | 189 | <body> |
190 | 190 |
|
191 | | - <blog-hdr component=grp1 v2.0> |
192 | | - <h1 class=title> |
| 191 | + <blog-hdr v2.0 component=grp1> |
| 192 | + <h1 slot=title> |
193 | 193 | Node.js In Webpage |
194 | 194 | </h1> |
195 | 195 | <time slot=date datetime=2025-10-29> |
@@ -221,7 +221,7 @@ <h1 class=title> |
221 | 221 | </div> |
222 | 222 |
|
223 | 223 |
|
224 | | - <snippet-terminal-console id=ex1 src='ex/ex1.js' component></snippet-terminal-console> |
| 224 | + <snippet-terminal-console v2.0 component id=ex1 src='ex/ex1.js' ></snippet-terminal-console> |
225 | 225 |
|
226 | 226 |
|
227 | 227 | <log-mod component></log-mod> |
|
0 commit comments