chrome 模拟ie

简介

Chrome OS 是一个基于 Linux 的开源操作系统，专为 Chrome 浏览器设计，它具有简洁的界面、快速启动和轻量级的特点，而 TinyCoreLinux 是一个简化版的 Linux 发行版，适用于嵌入式系统和资源受限的环境，本文将介绍如何利用 TinyCoreLinux + Chrome 模拟 Chrome OS,并集成 Visual Studio Code Online(VSCode Online)。

准备工作

1、下载 TinyCoreLinux

2、下载 Chrome OS 镜像文件

3、下载 VSCode Online

4、安装 Visual Studio Code

5、配置 VSCode 以支持远程开发

创建 TinyCoreLinux 环境

1、将下载好的 Chrome OS 镜像文件烧录到一个 UFD(Universal Flash Driver,通用闪存驱动器)设备上，例如一个 SD 卡。

2、将 UFD 设备连接到目标计算机。

3、在目标计算机上运行 sudo tinycorelinux-installer 命令，按照提示进行操作，这将在目标计算机上创建一个名为 tce 的目录，用于存放 TinyCoreLinux。

4、将 Chrome OS 镜像文件解压到 tce/boot 目录下。

5、在 tce/etc/fstab 文件中添加以下内容，以便在启动时挂载 UFD 设备：

/dev/sdb1 / ext4 defaults,nofail 0 2

6、在 tce/root 目录下创建一个名为 .config 的子目录，并在其中创建以下文件：

.config/google-chrome:存储 Chrome 浏览器的配置文件。

.config/chromium-browser_current_version/user_data:存储用户数据，如书签、历史记录等。

.config/chromium-browser_current_version/local_state:存储用户偏好设置。

7、在 tce/root 目录下创建一个名为 .profile 的子目录，并在其中添加以下内容：

export XDG_RUNTIME_DIR=/run/user/$(id -u)

export GDK_BACKEND=x11

export DISPLAY=:0

8、在 tce/root 目录下创建一个名为 .xinitrc 的子目录，并在其中添加以下内容：

!/bin/sh
exec gnome-terminal --window-with-profile chrome://about-config -bash

9、在 tce/root 目录下创建一个名为 .vnc 的子目录，并在其中创建以下内容：

[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 目录下创建一个名为 .chromerc 的子目录，并在其中添加以下内容：

user-data-dir=~/.config/chromium-browser_current_version/user_data
user-prefs-file=~/.config/chromium-browser_current_version/local_state

11、在 tce/root 目录下创建一个名为 startup.sh 的脚本文件，并在其中添加以下内容：

!/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 可执行：chmod +x startup.sh,然后运行：source startup.sh`，至此，Chrome OS 已成功启动。
四、集成 VSCode Online
1、在目标计算机上安装 Visual Studio Code，可以参考官方文档进行安装：https://code.visualstudio.com/docs/getstarted/userinterface
2、在 Visual Studio Code 中安装 Remote Development Extension Pack，可以在插件市场中搜索并安装。
3、在 Visual Studio Code 中打开你的项目文件夹，点击左下角的绿色按钮，选择 “Remote-SSH: Connect to Host”，输入你的 TinyCoreLinux IP 地址(可以通过运行 ifconfig 命令查看),然后按回车键，稍等片刻，即可连接到目标计算机。
4、现在你可以在 Visual Studio Code 中编辑代码了，如果需要保存更改，只需点击左上角的文件菜单，然后选择 “Save” 或者按下快捷键 Ctrl+S，所有更改都将实时同步到 TinyCoreLinux 环境中。
5、若要退出 Visual Studio Code,请点击左下角的绿色按钮，选择 “Remote-SSH: Disconnect from Host”，然后按回车键，下次需要连接时，只需重复步骤3即可。