Verge3D
  • 欢迎访问Verge3D中文用户手册
  • 入门指引(Getting Started)
    • 初学指南
    • 工作流程
    • 拼图工具
    • 功能特性
    • 项目结构
    • 更新版本
    • 常见问题
      • 3D文件格式
      • SolidWorks
      • Revit
    • 实用链接
  • 一般主题(General Topics)
    • 资产压缩
    • 基于HTML的用户界面
    • Facebook发布3D主题
    • AR 和VR的开发
    • Wordpress插件
    • 使用JavaScript
    • 移动浏览器测试
  • 3ds Max 艺术家指南(3ds Max Artist's Guide)
    • 3ds Max安装Verge3D​
    • 材质系统
    • 阴影
    • 物理材质
    • 透明度
    • 视口和渲染预览
  • Blender 艺术家指南(Blender Artist's Guide)
    • Blender安装Verge3D
    • 材质系统概述
    • 阴影
    • 物理材质
    • 透明度
    • 使用材质库
    • 视口预览
  • 拼图参考
    • Initialization(初始化)
    • Events(事件)
    • Selectors(选择器)
    • Objects
    • Materials
    • Animation
    • Camera
    • Scenes
    • Misc
    • Time
    • HTML
    • AR/VR
    • Sound
    • Physics
    • Post-processing
    • Dictionaries
    • Variables
    • Procedures
    • System
    • Library
  • 程序员指南(Programmer's Guide)
    • 编程基础
    • 矩阵变换
    • 动画系统
    • 创建文本
    • 绘制线条
    • 更新事物
    • 约定
    • 获取资源
  • 开发者参考(Developer Reference)
    • Animation
      • AnimationAction
      • AnimationClip
      • AnimationMixer
      • AnimationObjectGroup
      • AnimationUtils
      • KeyframeTrack
      • PropertyBinding
      • PropertyMixer
    • Animation / Tracks
      • BooleanKeyframeTrack
      • ColorKeyframeTrack
      • NumberKeyframeTrack
      • QuaternionKeyframeTrack
      • StringKeyframeTrack
      • VectorKeyframeTrack
    • Application
      • App
      • AppPuzzles
      • AppUtils
    • Audio
      • Audio
      • AudioAnalyser
      • AudioContext
      • AudioListener
      • PositionalAudio
    • Cameras
      • ArrayCamera
      • Camera
      • CubeCamera
      • OrthographicCamera
      • PerspectiveCamera
      • StereoCamera
    • Constants
      • Animation
      • Core
      • CustomBlendingEquation
      • DrawModes
      • DrawModes
      • Materials
      • Renderer
      • Textures
    • Constraints
      • ChildOfConstraint
      • Constraint
      • CopyLocationConstraint
      • CopyRotationConstraint
      • CopyScaleConstraint
      • FloorConstraint
      • LimitLocationConstraint
      • LimitRotationConstraint
      • LimitScaleConstraint
      • LockedTrackConstraint
      • TargetConstraint
      • TrackToConstraint
    • 开发者参考
      • Controls
      • Core
      • Core / BufferAttributes
      • Deprecated
      • Extras
      • Extras / Core
      • Extras / Curves
      • Extras / Objects
      • Geometries
      • Helpers
      • Lights
      • Lights / Shadows
      • Loaders
      • Loaders / Managers
      • Materials
      • Math
      • Math / Interpolants
      • Objects
        • Annotation
        • AnnotationControl
        • Bone
        • Group
        • Line
        • LineLoop
        • LineSegments
        • LOD
        • Mesh Points
        • Skeleton
        • SkinnedMesh
        • Sprite
      • Renderers
        • RenderUtils
        • WebGLRenderer
        • WebGLRenderTarget
        • WebGLRenderTargetCube
      • Renderers / Shaders
        • ShaderChunk
        • ShaderLib
        • UniformsLib
        • UniformsUtils
      • Scenes
        • Fog
        • FogExp2
        • Scene
        • SceneBackground
      • Textures
        • CanvasTexture
        • CompressedTexture
        • CubeTexture
        • DataTexture
        • DataTexture3D
        • DepthTexture
        • Texture
        • VideoTexture
  • EXAMPLES
    • 案例
  • MISC
    • 杂项
Powered by GitBook
On this page
  • 在移动浏览器上测试Verge3D应用程序
  • 方法#1:本地IP地址
  • 方法#2:本地IP地址+ QR码
  • 方法#3:端口转发
  1. 一般主题(General Topics)

移动浏览器测试

Testing on Mobile Browsers 待校订

Previous使用JavaScriptNext3ds Max安装Verge3D​

Last updated 6 years ago

在移动浏览器上测试Verge3D应用程序

从App Manager启动Verge3D应用程序时,它使用localhost地址在本地开发服务器上运行。此地址只能在本地计算机上使用。为了测试您的应用在移动设备的浏览器上的工作方式,您可以使用以下过程之一。

  • 方法#1:本地IP地址

  • 方法#2:本地IP地址+ QR码

  • 方法#3:端口转发

#

方法#1:本地IP地址

使用任何文本编辑器 打开Python脚本verge3d / manager / server.py。找到以ADDRESS开头的行- 文件中的这个位置应该如下所示:ADDRESS = 'localhost' #ADDRESS = '0.0.0.0'

从第二行(取消注释)中删除哈希符号#,制作它ADDRESS = 'localhost' ADDRESS = '0.0.0.0'

保存文件并重新启动3ds Max或Blender。

现在,您可以在本地Wi-Fi或以太网网络中使用IP地址,而不是localhost。您可以从操作系统首选项中找到您的计算机IP地址:,,,。通过导航到网络地址,在移动设备的Web浏览器上启动App Manager,例如:

http://192.168.0.2:8668/

最后,像往常一样在移动设备上运行应用程序 - 通过在应用管理器中点击蓝色图标。

#

方法#2:本地IP地址+ QR码

这是方法#1的变体。您可以使用网络地址通过App Manager 在计算机上启动应用程序,而不是在移动设备的浏览器上运行App Manager和应用程序。

http://192.168.0.2:8668/

#

方法#3:端口转发

此方法适用于Android设备。使用USB线和Chrome DevTools,您可以直接从移动设备的浏览器启动App Manager,导航到localhost:8668。

与方法1-2不同,此方法适用于启动AR / VR应用程序,因为localhost不需要移动浏览器和工作站之间的安全连接。此外,您还可以看到移动浏览器控制台的输出。

在Android设备上,转到设置>开发人员选项并启用USB调试。

By default, the developer options in Android devices are hidden. You can unlock them by locating the Build number in your Settings menu and tapping it multiple times.

因此,您应该可以通过导航到localhost:8668直接从移动设备的浏览器启动App Manager 。此外,您可以通过单击chrome:// inspect页面上的inspect链接来查看移动浏览器控制台的输出。

可以使用QR码在移动设备上方便地打开应用程序的链接。您需要在计算机的浏览器中安装QR代码扩展,例如,或。

可以使用移动设备的相机扫描获得的QR码,从而在移动浏览器上打开链接。您需要先在移动设备上安装QR扫描仪应用程序,例如,或。

使用USB线连接Android设备。在计算机上的Chrome浏览器中,导航到chrome:// inspect。

这应该会在您的Android设备上显示一个对话框弹出窗口 - 如果没有,请重新加载chrome://检查或重新插入USB连接线。在弹出窗口中,点击OK即可进行USB调试。

您现在应该在chrome:// inspect页面上看到您的Android设备。此外,如果您在移动设备上打开Chrome,则应在此处列出。

单击chrome:// inspect页面上的Port forwarding按钮。在显示的窗口中:在Port字段中,键入8668,在IP地址和端口字段中,键入localhost:8668。单击“ 启用端口转发”并使用“完成”按钮关闭窗口。

该铬://检查页面应该显示设备附近的端口转发的绿色指示灯。

Windows 10
Windows 7
Mac
Linux
Android的QR码阅读器
iPhone的QR阅读器
QR Code Generator for Chrome
QRify for Safari