如何在linux上测试谷歌Chrome工作区?

时间:2013-06-11 13:04:27

标签: google-chrome google-chrome-devtools

我看到了这两个视频

http://www.youtube.com/watch?v=kVSo4buDAEE

http://www.youtube.com/watch?v=x6qe_kVaBpg

我想在我的linux桌面上试用Google工作区

我按照这些说明操作:https://plus.google.com/+GoogleChromeDevelopers/posts/644qQuBKZeL

这个详细的教程:http://devcoma.blogspot.it/2013/01/how-to-enable-workspace-experiment-on.html

但是“源面板中的文件系统文件夹”将不会显示

我试过“Chromium Version 25.0.1364.160 Ubuntu 13.04(25.0.1364.160-0ubuntu3)” 以及“Chrome Version 29.0.1530.2 dev”

(我从this dev安装了http://www.chromium.org/getting-involved/dev-channel版本)

这有什么运气吗?

2 个答案:

答案 0 :(得分:2)

我找到了测试它的方法。

这些是我必须遵循的步骤

  • 从此处安装带有更新铬版本的ppa:

http://www.webupd8.org/2012/09/new-chromium-stable-and-development.html

sudo add-apt-repository ppa:a-v-shkop/chromium-dev
sudo apt-get update
sudo apt-get install chromium-browser

截至今日它安装版本27.0.1453.6 Ubuntu 13.04(191032)

  • 打开浏览器并在网址栏中输入chrome:// flags /

  • 启用“启用开发人员工具实验。”

  • 重新启动浏览器

  • 使用工作区

  • 打开要调试的网页
  • 按F12打开开发工具

  • 按F1打开设置面板

  • 转到实验并选中“源面板中的文件系统文件夹”

  • 重新启动浏览器

  • 在文件系统中,添加名为.allow-devtools-edit

    的文件

    CD 触摸.allow-devtools-edit

  • 再次按F12,F1,然后选择工作区,添加文件夹,并添加项目的根目录

  • 将您的网站映射到您的文件系统,右键单击任何js文件并选择“映射到网络资源”,然后选择相应的文件

就是这样,在“设置”的“工作区”部分中,您会看到已添加了一个映射,例如

'http://localhost:9000' -> '/home/opensas/dev/apps/my_js_project'

好消息是,似乎使用最新的谷歌Chrome开发版本,所有内容都可以开箱即用,无需乱搞开发或实验性功能。

答案 1 :(得分:1)

此问题与this one

重复

在Dev-channel版本中,事情发生了一些变化。 所以你不需要启用devtools实验 并且不需要手动创建.allow-devtools-edit