建站
咨詢
售后
建站咨詢
新聞中心
簡(jiǎn)介
Chrome OS 是一個(gè)基于 Linux 的開源操作系統(tǒng)，專為 Chrome 瀏覽器設(shè)計(jì)，它具有簡(jiǎn)潔的界面、快速啟動(dòng)和輕量級(jí)的特點(diǎn)，而 TinyCoreLinux 是一個(gè)簡(jiǎn)化版的 Linux 發(fā)行版，適用于嵌入式系統(tǒng)和資源受限的環(huán)境，本文將介紹如何利用 TinyCoreLinux + Chrome 模擬 Chrome OS,并集成 Visual Studio Code Online(VSCode Online)。
創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括常德網(wǎng)站建設(shè)、常德網(wǎng)站制作、常德網(wǎng)頁(yè)制作以及常德網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，常德網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到常德省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
準(zhǔn)備工作
1、下載 TinyCoreLinux
2、下載 Chrome OS 鏡像文件
3、下載 VSCode Online
4、安裝 Visual Studio Code
5、配置 VSCode 以支持遠(yuǎn)程開發(fā)
創(chuàng)建 TinyCoreLinux 環(huán)境
1、將下載好的 Chrome OS 鏡像文件燒錄到一個(gè) UFD(Universal Flash Driver,通用閃存驅(qū)動(dòng)器)設(shè)備上，例如一個(gè) SD 卡。
2、將 UFD 設(shè)備連接到目標(biāo)計(jì)算機(jī)。
3、在目標(biāo)計(jì)算機(jī)上運(yùn)行 sudo tinycorelinux-installer 命令，按照提示進(jìn)行操作，這將在目標(biāo)計(jì)算機(jī)上創(chuàng)建一個(gè)名為 tce 的目錄，用于存放 TinyCoreLinux。
4、將 Chrome OS 鏡像文件解壓到 tce/boot 目錄下。
5、在 tce/etc/fstab 文件中添加以下內(nèi)容，以便在啟動(dòng)時(shí)掛載 UFD 設(shè)備：
/dev/sdb1 / ext4 defaults,nofail 0 2
6、在 tce/root 目錄下創(chuàng)建一個(gè)名為 .config 的子目錄，并在其中創(chuàng)建以下文件：
.config/google-chrome:存儲(chǔ) Chrome 瀏覽器的配置文件。
.config/chromium-browser_current_version/user_data:存儲(chǔ)用戶數(shù)據(jù)，如書簽、歷史記錄等。
.config/chromium-browser_current_version/local_state:存儲(chǔ)用戶偏好設(shè)置。
7、在 tce/root 目錄下創(chuàng)建一個(gè)名為 .profile 的子目錄，并在其中添加以下內(nèi)容：
export XDG_RUNTIME_DIR=/run/user/$(id -u)
export GDK_BACKEND=x11
export DISPLAY=:0
8、在 tce/root 目錄下創(chuàng)建一個(gè)名為 .xinitrc 的子目錄，并在其中添加以下內(nèi)容：
!/bin/sh exec gnome-terminal --window-with-profile chrome://about-config -bash
9、在 tce/root 目錄下創(chuàng)建一個(gè)名為 .vnc 的子目錄，并在其中創(chuàng)建以下內(nèi)容：
[xterm] Security = yes RealyDBServer = $HOME/.Xauthority %U %H %W %n %r %cd %m %x %b %k %I %P % %c %s %S %@ %A %Z %d %L &
10、在 tce/root 目錄下創(chuàng)建一個(gè)名為 .chromerc 的子目錄，并在其中添加以下內(nèi)容：
user-data-dir=~/.config/chromium-browser_current_version/user_data user-prefs-file=~/.config/chromium-browser_current_version/local_state
11、在 tce/root 目錄下創(chuàng)建一個(gè)名為 startup.sh 的腳本文件，并在其中添加以下內(nèi)容：
!/bin/bash export XDG_CONFIG_HOME=$XDG_CONFIG_HOME:$HOME/.config google-chrome --no-default-browser --remote-debugging-port=9222 --user-data-dir=$HOME/.config/chromium-browser_current_version/user_data --user-prefs-file=$HOME/.config/chromium-browser_current_version/local_state & disown && exec xdg-open "http://localhost:9222" & exec sleep infinity & wait $! & exec gnome-terminal --window-with-profile chrome://about-config -bash ``12. 使startup.sh可執(zhí)行：chmod +x startup.sh,然后運(yùn)行：source startup.sh`，至此，Chrome OS 已成功啟動(dòng)。 四、集成 VSCode Online 1、在目標(biāo)計(jì)算機(jī)上安裝 Visual Studio Code，可以參考官方文檔進(jìn)行安裝：https://code.visualstudio.com/docs/getstarted/userinterface 2、在 Visual Studio Code 中安裝 Remote Development Extension Pack，可以在插件市場(chǎng)中搜索并安裝。 3、在 Visual Studio Code 中打開你的項(xiàng)目文件夾，點(diǎn)擊左下角的綠色按鈕，選擇 “Remote-SSH: Connect to Host”，輸入你的 TinyCoreLinux IP 地址(可以通過運(yùn)行ifconfig命令查看),然后按回車鍵，稍等片刻，即可連接到目標(biāo)計(jì)算機(jī)。 4、現(xiàn)在你可以在 Visual Studio Code 中編輯代碼了，如果需要保存更改，只需點(diǎn)擊左上角的文件菜單，然后選擇 “Save” 或者按下快捷鍵Ctrl+S，所有更改都將實(shí)時(shí)同步到 TinyCoreLinux 環(huán)境中。 5、若要退出 Visual Studio Code,請(qǐng)點(diǎn)擊左下角的綠色按鈕，選擇 “Remote-SSH: Disconnect from Host”，然后按回車鍵，下次需要連接時(shí)，只需重復(fù)步驟3即可。
本文標(biāo)題：chrome模擬ie
文章轉(zhuǎn)載：http://www.5511xx.com/article/djhgicd.html
