工作中使用framerjs制作的动效原型,是为了减少团队成员间的交流成本。在mac制作的framer工程windows系统不能打开,而很多公司又是靠代理才能联网,这就导致了开启localhost的方式也不能让别人打开你制作的原型。
这时我们就想到了,直接打开framer工程文件夹下的index.html文件,但是又遭遇了浏览器运行本地文件安全限制的问题。官方给出的建议是使用mirror的app来运行demo,可是安卓系统又没有这个app。于是官方又给出了使用浏览器强制打开demo的方法:点我查看,可以看到,对于不同的操作系统和浏览器解决方法都不太一样,但有一点可以确定,必须使用次世代浏览器才可以看到效果(webkit内核),下面我对github上面的内容做一个本土化搬运。
Safari
偏好设置->高级->勾选“在菜单中显示‘开发’菜单”->开发->勾选“停用本地文件限制”
刷新网页,打开index.html,点击“Try anyway”就可以看到demo的效果了。
chrome
windows下,需要关闭chrome,在桌面上创建一个chrome快捷方式->右键->属性->目标改成
"C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files
可能需要管理员权限,允许即可。然后用该快捷方式打开chrome,然后把framer工程中的index.html拖入浏览器窗口中,点击“Try anyway”。
对于Mac,一定要确保chrome关闭(command+q),然后打开终端(launchpad->其他),在终端中输入
open -a "Google Chrome" --args --allow-file-access-from-files
然后用该快捷方式打开chrome,然后把framer工程中的index.html拖入浏览器窗口中,点击“Try anyway”。
firefox
在网址框中输入
about:config
首次打开这个地址可能会出现“这样可能会失去质保”的字样,不要理会->点击“我保证会小心”按钮。
然后搜索
security.fileuri.strict_origin_policy
双击找到的条目,把值改成“false”,然后关闭firefox重启打开framer工程里面的“index.html”即可。不过我发现firefox打开显示不正常,所以尽量用chrome吧~
这时我们就想到了,直接打开framer工程文件夹下的index.html文件,但是又遭遇了浏览器运行本地文件安全限制的问题。官方给出的建议是使用mirror的app来运行demo,可是安卓系统又没有这个app。于是官方又给出了使用浏览器强制打开demo的方法:点我查看,可以看到,对于不同的操作系统和浏览器解决方法都不太一样,但有一点可以确定,必须使用次世代浏览器才可以看到效果(webkit内核),下面我对github上面的内容做一个本土化搬运。
Safari
偏好设置->高级->勾选“在菜单中显示‘开发’菜单”->开发->勾选“停用本地文件限制”
刷新网页,打开index.html,点击“Try anyway”就可以看到demo的效果了。
chrome
windows下,需要关闭chrome,在桌面上创建一个chrome快捷方式->右键->属性->目标改成
"C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files
可能需要管理员权限,允许即可。然后用该快捷方式打开chrome,然后把framer工程中的index.html拖入浏览器窗口中,点击“Try anyway”。
对于Mac,一定要确保chrome关闭(command+q),然后打开终端(launchpad->其他),在终端中输入
open -a "Google Chrome" --args --allow-file-access-from-files
然后用该快捷方式打开chrome,然后把framer工程中的index.html拖入浏览器窗口中,点击“Try anyway”。
firefox
在网址框中输入
about:config
首次打开这个地址可能会出现“这样可能会失去质保”的字样,不要理会->点击“我保证会小心”按钮。
然后搜索
security.fileuri.strict_origin_policy
双击找到的条目,把值改成“false”,然后关闭firefox重启打开framer工程里面的“index.html”即可。不过我发现firefox打开显示不正常,所以尽量用chrome吧~









