FramerWebView 项目常见问题解决方案

FramerWebView 项目常见问题解决方案

FramerWebView A web viewer for Framer.JS prototypes 项目地址: https://gitcode.com/gh_mirrors/fr/FramerWebView

项目基础介绍

FramerWebView 是一个用于查看 Framer JS 原型的简单网页查看器。它主要支持在网页浏览器中查看 iPhone 和 Android 设备大小的原型。该项目使用的主要编程语言包括 CSS 和 JavaScript。

新手常见问题及解决步骤

问题一：如何设置查看器以显示自己的 Framer JS 原型？

解决步骤：

1. 打开项目中的 index.html 文件。
2. 找到 <iframe> 标签，其 src 属性应包含一个 URL。
3. 将该 URL 替换为你的 Framer JS 原型的 URL。
4. 保存更改并打开 index.html 文件，你的原型应该会在查看器中显示。

问题二：如何在不同设备尺寸之间切换查看器？

解决步骤：

1. 在查看器界面左上角，你会找到切换设备尺寸的控制按钮。
2. 点击这些按钮可以在 iPhone 和 Android 视图之间切换。

问题三：如何调整背景和启用其他功能？

解决步骤：

1. 按下 B 键可以在不同的背景之间循环切换。背景图片可以在 main.js 文件中的 backgrounds 数组中自定义。
2. 按下 H 键可以切换手持模式，即显示或隐藏手持设备的外观。
3. 按下 P 键可以在黑色和白色 iPhone 之间切换。
4. 按下 Z 键可以缩放到 100% 的视图。

以上是新手在使用 FramerWebView 项目时可能会遇到的一些常见问题及解决方案。希望这些信息能帮助你更好地使用这个查看器。

FramerWebView A web viewer for Framer.JS prototypes 项目地址: https://gitcode.com/gh_mirrors/fr/FramerWebView