flutter [dart2wasm] iFrame在过渡到视图时锁定位置

js81xvg6  于 2个月前  发布在  Flutter
关注(0)|答案(1)|浏览(40)

原始的issue文件是在Dart SDK仓库中创建的,为了将此问题转移到Flutter Web团队。从原始问题中的讨论来看,这可能是由于#133466导致的。

从原始问题复制:

在DevTools中,我们使用iFrames实现以下功能:
1.性能页面上的嵌入式Perfetto跟踪查看器
1.DevTools扩展
在这两种情况下,iFrame都通过Flutter选项卡视图过渡到视图中。在性能页面上选择“时间线事件”选项卡或选择DevTools扩展的顶级选项卡时,iFrame在完全过渡到视图之前锁定其位置:

需求:

  • 从flutter/devtools主分支拉取最新代码
  • 从Dart SDK(如果尚未部署,请拉取最新的补丁)。
  • 设置您的DevTools环境,以便
  • 您可以访问devtools_tool可执行文件 - 文档
  • 您已设置LOCAL_DART_SDK环境变量 - 文档

重现步骤:
1.使用wasm从源代码构建DevTools。如果您想使用--no-strip-wasm构建,请在此提供标志后提供DevTools。
1.运行Flutter画廊应用程序(此应用程序依赖于package:provider,它具有DevTools扩展)
1.从Flutter画廊应用程序复制VM服务URI并将其连接到刚刚使用wasm提供的DevTools示例。
1.导航到Performance屏幕> Timeline Events或顶级Provider屏幕选项卡(只要您正在运行flutter画廊,就应该存在),以观察不正确的iFrame位置。
如果第一次尝试无法重现问题,请刷新浏览器中的DevTools窗口并再次尝试。

wribegjk

wribegjk1#

需求:

  • 从flutter/devtools主分支拉取最新代码
  • 从Dart SDK(或尚未落地的补丁this change)拉取最新代码
  • 设置您的DevTools环境,以便
  • 您可以访问devtools_tool可执行文件 - 文档
  • 您已设置LOCAL_DART_SDK环境变量 - 文档

重现步骤:

  1. 使用wasm从源代码构建DevTools:devtools_tool serve --wasm。如果您想使用--no-strip-wasm构建,请在此提供标志,然后提供DevTools服务。
  2. 运行Flutter画廊应用程序(此应用程序依赖于package:provider,它具有DevTools扩展)。
  3. 从Flutter画廊应用程序复制VM服务URI,并将其连接到刚刚使用wasm提供的DevTools示例。
  4. 导航到Performance屏幕>时间轴事件或顶级Provider屏幕选项卡(只要您正在运行Flutter画廊,就应该存在),以观察不正确的iFrame位置。
    如果第一次尝试时无法复现问题,请在浏览器中刷新DevTools窗口并再次尝试。
    我将尝试遵循这些步骤,看看我是否能复现它,或者不是。目前,根据报告,需要团队注意。

相关问题