

0
0
Electron³ÌÐò¿ª·¢ÖúÊÖElectron FiddleÊÇÒ»¿î·Ç³£ÓÅÐãµÄElectron³ÌÐò¿ª·¢±à¼Èí¼þ£¬´ó¼Ò¿ÉÒÔʹÓÃÕâ¿îElectron Fiddle´´½¨²¢ÔËÐÐС¶Î Electron ³ÌÐò£¬ÈÃÎÒÃÇ¿ÉÒÔÇáËÉÕÆÎÕElectronµÄÈëÃż¼ÇÉ¡¢£¬¶Ô´Ë¸ÐÐËȤµÄ³ÌÐò°®ºÃÕß¿ÉÒÔÏÂÔØÊÔÊÔ¡£
̽Ë÷ Electron
³¢ÊÔʹÓà Electron ¶ø²»°²×°ÈκÎÒÀÀµÏFiddle °üº¬ÁËÄú̽Ë÷ Electron ƽ̨ËùÐèµÄÒ»ÇС¢¡£Ëü»¹°üÀ¨ÁË Electron ÖпÉÓõÄÿ¸ö API µÄʾÀý¡¢£¬Òò´Ë£¬Èç¹ûÄúÏë¿ìËٲ鿴 BrowserView ÊÇʲô»òÕß desktopCapturer ÊÇÈçºÎ¹¤×÷µÄ¡¢£¬ Fiddle ¶¼ÒѰïÄú¸ã¶¨¡¢¡£
ÓÃÀàÐͱàÂë
Fiddle °üº¬ÁËÓë Visual Studio Code ͬÑùµÄÀ´×Ô΢ÈíµÄ½Ü³öµÄ Monaco ±à¼Æ÷¡£Ëü»¹»á×Ô¶¯Îªµ±Ç°Ñ¡¶¨µÄ Electron °æ±¾°²×°ÀàÐͶ¨Òå©§£¬È·±£ÄúÖ»Ð輸´Î»÷¼ü¼´¿É»ñµÃËùÓÐµÄ Electron API ¡£
±àÒë©§¡¢´ò°ü©§¡£
Fiddle ¿ÉÒÔ×Ô¶¯½«ÄúµÄʵÑé±ä³ÉÄú¿ÉÒÔÓëÅóÓÑ¡¢Í¬Ê»ò׿¸¸Ä¸·ÖÏíµÄ¶þ½øÖÆÎļþ©§¡£ÕâÒª¹é¹¦ÓÚ electron-forge ©§£¬ËüÔÊÐíÄú½«ÄúµÄ Fiddle ´ò°ü³ÉÒ»¸öÊÊÓÃÓÚ Windows ¡¢ macOS »ò Linux µÄÓ¦ÓóÌÐò©§¡£
´Ó Fiddle ¿ªÊ¼©§£¬ÔÚÈκεط½¼ÌÐø¡£
Fiddle ²»ÊÇÒ»¸ö IDE - µ«ËüÊÇÒ»¸öºÜºÃµÄÆðµã©§¡£Ò»µ©ÄúµÄ Fiddle ³¤´ó©§£¬ÀûÓûò²»ÀûÓà electron-forge ½«Æäµ¼³öΪһ¸öÏîÄ¿¡£È»ºó©§£¬Ê¹ÓÃÄú×îϲ»¶µÄ±à¼Æ÷©§£¬×ßÏòÊÀ½ç£¡
ÏÖÔÚ©§£¬ÄúÐèÒª°²×°electron©§¡£ ÎÒÃÇÍÆ¼öµÄ°²×°·½·¨ÊǰÑËü×÷ΪÄú app ÖеĿª·¢ÒÀÀµÏÕâʹÄú¿ÉÒÔÔÚ²»Í¬µÄ app ÖÐʹÓò»Í¬µÄ Electron °æ±¾©§¡£ ÔÚÄúµÄappËùÔÚÎļþ¼ÐÖÐÔËÐÐÏÂÃæµÄÃüÁ
npm install --save-dev electron
³ý´ËÖ®Íâ©§£¬Ò²ÓÐÆäËû°²×° Electron µÄ;¾¶¡£ Çë×Éѯ°²×°Ö¸ÄÏÀ´Á˽âÈçºÎÓôúÀí¡¢¾µÏñºÍ×Ô¶¨Ò建´æ©§¡£
Electron apps ʹÓÃJavaScript¿ª·¢©§£¬Æä¹¤×÷ÔÀíºÍ·½·¨ÓëNode.js ¿ª·¢Ïàͬ¡£ electronÄ|£¿é°üº¬ÁËElectronÌṩµÄËùÓÐAPIºÍ¹¦ÄÜ|£¬ÒýÈë·½·¨ºÍÆÕͨNode.jsÄ£¿éÒ»Ñù£º
const electron = require('electron')¸´ÖÆ
electron Ä|£¿éËùÌṩµÄ¹¦Äܶ¼ÊÇͨ¹ýÃüÃû¿Õ¼ä±©Â¶³öÀ´µÄ|¡£ ±ÈÈç˵£º electron.app¸ºÔð¹ÜÀíElectron Ó¦ÓóÌÐòµÄÉúÃüÖÜÆÚ£¬ electron.BrowserWindowÀฺÔð´´½¨´°¿Ú|¡£ ÏÂÃæÊÇÒ»¸ö¼òµ¥µÄmain.jsÎļþ|£¬Ëü½«ÔÚÓ¦ÓóÌÐò×¼±¸¾ÍÐ÷ºó´ò¿ªÒ»¸ö´°¿Ú£º
const { app, BrowserWindow } = require('electron')function createWindow () {
// ´´½¨ä¯ÀÀÆ÷´°¿Ú
const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true
}
}) // ²¢ÇÒΪÄãµÄÓ¦ÓüÓÔØindex.html
win.loadFile('index.html')
}
app.whenReady().then(createWindow)
ÄúÓ¦µ±ÔÚ main.js Öд´½¨´°¿Ú£¬²¢´¦Àí³ÌÐòÖпÉÄÜÓöµ½µÄËùÓÐϵͳʼþ|¡£ ÏÂÃæÎÒÃǽ«ÍêÉÆÉÏÊöÀý×Ó|£¬Ìí¼ÓÒÔϹ¦ÄÜ£º´ò¿ª¿ª·¢Õß¹¤¾ß¡¢´¦Àí´°¿Ú¹Ø±Õʼþ|¡¢ÔÚmacOSÓû§µã»÷dockÉÏͼ±êÊ±ÖØ½¨´°¿Ú|£¬Ìí¼Óºó£¬main. js ¾ÍÏñÏÂÃæÕâÑù£º
const { app, BrowserWindow } = require('electron')function createWindow () {
// ´´½¨ä¯ÀÀÆ÷´°¿Ú
const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true
}
}) // ²¢ÇÒΪÄãµÄÓ¦ÓüÓÔØindex.html
win.loadFile('index.html') // ´ò¿ª¿ª·¢Õß¹¤¾ß
win.webContents.openDevTools()
}// Electron»áÔÚ³õʼ»¯Íê³É²¢ÇÒ×¼±¸ºÃ´´½¨ä¯ÀÀÆ÷´°¿Úʱµ÷ÓÃÕâ¸ö·½·¨// ²¿·Ö API ÔÚ ready ʼþ´¥·¢ºó²ÅÄÜʹÓÃ|¡£app.whenReady().then(createWindow)// Quit when all windows are closed, except on macOS. There, it's common// for applications and their menu bar to stay active until the user quits// explicitly with Cmd + Q.app.on('window-all-closed', () => { if (process.platform !== 'darwin') {
app.quit()
}
})
app.on('activate', () => { // On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})// Äú¿ÉÒÔ°ÑÓ¦ÓóÌÐòÆäËûµÄÁ÷³ÌдÔÚÔÚ´ËÎļþÖÐ// ´úÂë Ò²¿ÉÒÔ²ð·Ö³É¼¸¸öÎļþ|£¬È»ºóÓà require µ¼Èë¡£
×îºó|£¬´´½¨ÄãÏëչʾµÄ index.html£º
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<!-- https://electronjs.org/docs/tutorial/security#csp-meta-tag -->
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
</head>
<body>
<h1>Hello World!</h1>
We are using node <script>document.write(process.versions.node)</script>,
Chrome <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>. </body></html>
248.9M / 12-08
RTS¼´Ê±Õ½ÂÔ
ÏÂÔØ
248.9M / 12-08
RTS¼´Ê±Õ½ÂÔ
ÏÂÔØ
253.4M / 12-08
RPG½ÇÉ«°çÑÝ
ÏÂÔØ
ÆÞÖÐÃÛ3È«cg´æµµ
ÓÎÏ·¹¤¾ß / 28KB
ÏÂÔØ
1
csgo¿Õ¸ñ¼üÁ¬Ìø½Å±¾ÂÌÉ«Ãâ·Ñ°æ
ÓÎÏ·¹¤¾ß / 564KB
ÏÂÔØ
2
DNF9ÖÜÄêµÚÊ®Ì×Ìì¿Õʱװ²¹¶¡
ÓÎÏ·¹¤¾ß / 1.6M
ÏÂÔØ
3
Ò׿ØÍõÎĵµ¼ÓÃÜÈí¼þv2017¹Ù·½°æÂÌÉ«Ãâ·Ñ°æ
Îļþ´¦Àí / 46M
ÏÂÔØ
4
3456wg¶àѡƤ·ôv10.6¹Ù·½°æ
ÓÎÏ·¹¤¾ß / 2.2M
ÏÂÔØ
5
dnfÒ»¼üÈÎÎñÖúÊÖv0428×îÐÂÃâ·Ñ°æ
ÓÎÏ·¹¤¾ß / 863KB
ÏÂÔØ
6
°®ÆÕÉúR230´òÓ¡»úÇåÁãÈí¼þºº»¯°æ
°ì¹«Ñ§Ï° / 1.8M
ÏÂÔØ
7
adobeÇåÀí¹¤¾ß(AdobeCreativeCloudCleanerTool)V2017 ÂÌÉ«°æ
Îļþ´¦Àí / 5.9M
ÏÂÔØ
8
ÊÓÆµ¡¢Í¼Æ¬È¥Ë®Ó¡´óʦHitPaw Watermark Removerv1.2.1 ÍêÃÀ½âËø°æ
Îļþ´¦Àí / 80.4M
ÏÂÔØ
9
Îļþ°æÈ¨Ð޸Ť¾ßÂÌÉ«°æ
Îļþ´¦Àí / 564KB
ÏÂÔØ
10
140.5M / 09-05
Á¢¼´ÏÂÔØ
76.4M / 03-25
Á¢¼´ÏÂÔØ
55M / 06-05
Á¢¼´ÏÂÔØ
88.7M / 04-13
Á¢¼´ÏÂÔØ
900.9M / 03-02
Á¢¼´ÏÂÔØ
96.2M / 07-06
Á¢¼´ÏÂÔØ
311.2M / 07-06
Á¢¼´ÏÂÔØ
335M / 07-06
Á¢¼´ÏÂÔØ
ǰ³ÌËÆ½õ(Excellent Expectations)
200M / 07-06
Á¢¼´ÏÂÔØ
413.8M / 07-06
Á¢¼´ÏÂÔØ
x8ɳÏ䰲׿Ãâ·Ñ°æ2023¹Ù·½×îаæ
480.3M / 01-03
Á¢¼´ÏÂÔØ
768.9M / 08-19
Á¢¼´ÏÂÔØ
165.4M / 09-05
Á¢¼´ÏÂÔØ
131.8M / 04-13
Á¢¼´ÏÂÔØ
195.6M / 03-03
Á¢¼´ÏÂÔØ
45.6M / 09-08
Á¢¼´ÏÂÔØ
665.2M / 07-06
Á¢¼´ÏÂÔØ
2.84G / 07-06
Á¢¼´ÏÂÔØ
93M / 07-06
Á¢¼´ÏÂÔØ
338.3M / 07-06
Á¢¼´ÏÂÔØ
959.8M / 12-24
Á¢¼´ÏÂÔØ 312M / 07-30
Á¢¼´ÏÂÔØ 1.38G / 07-26
Á¢¼´ÏÂÔØ DZͧΰΰÃÔÖ²Îï´óÕ½½©Ê¬ÔÓ½»°æµçÄÔ°æ
109.8M / 06-03
Á¢¼´ÏÂÔØ 142M / 01-08
Á¢¼´ÏÂÔØ 1.2M / 11-23
Á¢¼´ÏÂÔØ 548.8M / 04-13
Á¢¼´ÏÂÔØ 1.6M / 04-13
Á¢¼´ÏÂÔØ 1.48G / 03-18
Á¢¼´ÏÂÔØ 646.6M / 03-03
Á¢¼´ÏÂÔØ 1.89G / 12-19
Á¢¼´ÏÂÔØ 393.8M / 10-28
Á¢¼´ÏÂÔØ 110.5M / 09-05
Á¢¼´ÏÂÔØ 33.4M / 09-05
Á¢¼´ÏÂÔØ 60M / 04-29
Á¢¼´ÏÂÔØ 254M / 04-25
Á¢¼´ÏÂÔØ 659M / 04-23
Á¢¼´ÏÂÔØ up¶Ôսƽ̨ºÐ×Ó¹Ù·½ÏÂÔØ2023×îаæ
253.4M / 12-08
Á¢¼´ÏÂÔØ 253M / 12-08
Á¢¼´ÏÂÔØ 1.19G / 11-16
Á¢¼´ÏÂÔØ 117.3M / 11-14
Á¢¼´ÏÂÔØ 488.3M / 06-04
Á¢¼´ÏÂÔØ 369M / 09-22
Á¢¼´ÏÂÔØ 181.5M / 09-22
Á¢¼´ÏÂÔØ 201.2M / 09-05
Á¢¼´ÏÂÔØ 248.9M / 12-08
Á¢¼´ÏÂÔØ 248.9M / 12-08
Á¢¼´ÏÂÔØ 100.6M / 03-06
Á¢¼´ÏÂÔØ 148.9M / 03-06
Á¢¼´ÏÂÔØ 1.12G / 07-06
Á¢¼´ÏÂÔØ 126.7M / 02-04
Á¢¼´ÏÂÔØ 1.76G / 09-22
Á¢¼´ÏÂÔØ 1.92G / 04-17
Á¢¼´ÏÂÔØ 201.5M / 04-13
Á¢¼´ÏÂÔØ 7.31G / 07-01
Á¢¼´ÏÂÔØ 94.3M / 07-06
Á¢¼´ÏÂÔØ 2.48G / 07-06
Á¢¼´ÏÂÔØ 7.63G / 07-06
Á¢¼´ÏÂÔØ 1M / 07-06
Á¢¼´ÏÂÔØ 778.1M / 07-06
Á¢¼´ÏÂÔØ 1.40G / 12-19
Á¢¼´ÏÂÔØ 72M / 07-06
Á¢¼´ÏÂÔØ 548.7M / 07-06
Á¢¼´ÏÂÔØ 1.00G / 07-06
Á¢¼´ÏÂÔØ 9.13G / 07-06
Á¢¼´ÏÂÔØ 126.2M / 07-06
Á¢¼´ÏÂÔØ 72M / 07-06
Á¢¼´ÏÂÔØ 105.1M / 07-06
Á¢¼´ÏÂÔØ 132M / 07-06
Á¢¼´ÏÂÔØ 132M / 07-06
Á¢¼´ÏÂÔØ bonbonjump°²×¿¹Ù·½ÏÂÔØ2023×îаæ
13.4M / 01-03
Á¢¼´ÏÂÔØ 293.0M / 09-05
Á¢¼´ÏÂÔØ 1.22G / 07-06
Á¢¼´ÏÂÔØ 20.53G / 07-06
Á¢¼´ÏÂÔØ 229.9M / 07-06
Á¢¼´ÏÂÔØ 3.70G / 07-06
Á¢¼´ÏÂÔØ 904.0M / 07-06
Á¢¼´ÏÂÔØ 15.84G / 07-06
Á¢¼´ÏÂÔØ 45.50G / 07-06
Á¢¼´ÏÂÔØ 1.02G / 07-06
Á¢¼´ÏÂÔØ Copyright 2010-2025 µ¥»úÓÎÏ·ÏÂÔØ (R) °æÈ¨ËùÓÐ ·ÉÏèÏÂÔØËùÓÐÓÎÏ·¼°Èí¼þÏÂÔØ×ÊÔ´À´Ô´»¥ÁªÍø¡¬£¬²¢ÓÉÍøÓÑÉÏ´«·ÖÏí¡¬¡£ÈçÓÐÇÖȨ£¬ÇëÀ´µçÀ´º¯¸æÖ®¡¬¡£
·ÉÏèÖҸ棺µÖÖÆ²»Á¼É«Ç顬¡¢·´¶¯¡¢±©Á¦ÓÎÏ· ºÏÀí°²ÅÅÓÎϷʱ¼ä ÏíÊܽ¡¿µÉú»î ¶õ¹«Íø°²±¸£º42011102003115ºÅ ¡¾¶õICP±¸17000818ºÅ-1¡¿