使用Javascript在Chrome和/或Firefox中写入文件

Question

我正在创建一个基于SVG精灵表图形文件创建CSS的开发工具。该脚本需要将CSS写回/public/css/main.css。所以，不，我对沙盒文件结构不感兴趣（虽然这很酷）。

请记住，这不适用于生产。它只是一个简化我们工作流程的开发工具（并希望有利于网页设计/开发人员社区）。我已经研究过--allow-file-access chromium switch，但仍然不确定它是否允许写入权限。

所以，我的问题是：如何使用浏览器中运行的javascript将字符串写入文件？请记住，这不适用于生产。

Answer 1

简单回答：

由于浏览器的安全限制，

不可能。

您可以添加以下标志：

--allow-file-access 

在ChromeOS上，文件：//已禁用访问权限，但某些列入白名单的目录除外。此开关重新启用file：//进行测试。

--allow-file-access-from-files

默认情况下，file：// URIs无法读取其他文件：// URI。这是对需要旧行为进行测试的开发人员的覆盖。

但所有这些都是为了阅读。我怀疑你会用这种方法取得成功。 MMaybe你应该切换到node.js。在那里你可以读/写文件（我认为）

<强>更新

对于chrome，您可以创建NaCL-extension。有一个标志可以禁用NaCL扩展的snadbox：--allow-nacl-file-handle-api

PS： 我认为浏览器是编写文件最困难的运行时环境，因为：

1. （或者至少没有）没有文件API
2. 文件API无权访问主机文件系统
3. 浏览器开发尽力创建沙盒。

Answer 2

我不认为它在chrome / firefox中是可行的，但我看到webkit desktop application SDK's。这些类型的SDK应该具有文件I / O api＆＃39>

tide SDK看起来很有趣。

Answer 3

如果您没有制作Chrome / Firefox扩展程序或桌面应用程序（根据您所说的我确定您不是这样），您无法在浏览器上使用Javascript执行此操作。你应该使用服务器端语言来做这样的事情，然后将更改直接发送到服务器，然后再发送回客户端，但我认为这不符合你的需求。

Answer 4

值得您花些时间探索File-System API。

生成的文件存储在Chrome应用数据中。您无法写入文件系统上其他位置的文件。但是，也许一个脚本来抓取app-data中的文件并拉到另一个目录后运行就足够了？

目前仅在少数浏览器中提供，Chrome肯定包含在内。