问题标签 [safari-web-inspector]

我试图查看 Safari 本地存储中保存的单个值的全部内容（它是一个长 JSON 对象）。当我查看键/值对时，该值对于屏幕来说太长了，复制行只会复制值的可见部分。有没有办法看到整条线？

我的 html 标头中有以下内容：

...而且我正在开发的 Web 应用程序在 Chrome、Safari、Firefox 等设备模拟器中看起来不错。但是当我在实际的 iPhone 或 Xcode iPhone 模拟器中加载它时，所有字体似乎都差不多大小的两倍。

我该如何纠正？

我是一位经验丰富的 Ionic 1.xx 开发人员，但我第一次尝试在设备上调试 Ionic 2 ios 应用程序时遇到了困难。Android 没问题，可以 chrome://inspect 并使用 --debug 选项构建并获得对 .ts 源文件的完全访问权限，以便从 chrome 设置断点。但是，当为 ios 构建 ( ionic build ios --debug ) 时，它会打包所有内容，并且在设备上运行时，Safari Web Inspector 没有可用的 .ts 文件。

我的配置文件（tsconfig、package.json）显然工作正常，因为构建工作正常（启用源映射等）适用于 android。

我究竟做错了什么？

当使用Safari Web Inspector查看网络日志时，日志会在导航时重置，即导航到不同的页面会清除日志。

在Chrome Developer Tools中，我可以通过选中 Network 选项卡中的“Preserve log”复选框轻松保存网络日志。在Firefox Developer Tools中，我可以通过在开发人员工具首选项中选中“启用持久性日志”来保留网络日志。

启用此持久性后，网络日志将保持不变，直到我手动清除输出，从而简化了在导航到新页面期间跟踪请求和重定向的过程。

Safari Web Inspector 中是否有类似的功能？

我对这个控制台错误有点头疼，只在 Safari 上（实际上在 MacBook 上工作）。

我有这个功能：

在另一个函数中调用：

现在，在 Chrome 上就像一个魅力，但在 Safari 上，控制台会抛出这个错误：

有人知道到底发生了什么？？？

提前谢谢各位！

我正在尝试调试我的反应应用程序中的一个问题，该问题仅在 iOS 上发生，在生产中。我想利用一个隐藏的源图，这样我就可以在 Safari 中调试应用程序的缩小资产，而不会公开发布注释源。

hidden-source-map- 与 source-map 相同，但不向捆绑包添加参考注释。

https://webpack.github.io/docs/configuration.html#devtool

在 Chrome 中，我可以：

• 在我喜欢的任何地方提供源图（例如main.js.map，在缩小文件旁边）
• 在 Sources 选项卡中打开缩小的资产
• 右键单击并“添加 Sourcemap...”，将 URL 提供给 main.js.map
• Cmd-p 选择一个源文件（例如 MyComponent.js）
• 在源映射中添加断点
• 利润（让实时应用在正确的点暂停）

我已经搜索、单击、右键单击，仔细检查了 Safari 开发工具，阅读了我能找到的Safari 文档，但无济于事......我能找到的最相关的链接是：

在 Safari 7 中，Source Maps 不是您必须打开或关闭的东西，它们始终处于打开状态，就像 Web 开发人员工具中始终可用的资源一样。 如何在 Safari 7 中切换源映射？

这在 Safari 中可能吗？是否有其他方法可以在 Safari 中实现类似的结果？

是否有一些棘手的方法可以使用代理为我的测试 iphone 提供本地、未压缩的源？（例如assets-swapper-chrome-extension。我觉得这可能是可能的，但不知道该怎么做！）

我在 OSX 10.12、Safari 10.0.2 上。

请注意，这个问题是关于在 Safari 中使用源映射，问题中没有解决这个问题：iPhone：添加条目到 /etc/hosts 而不越狱

我的网站有一个固定的视口宽度设置，如下所示：

这使网站“缩小”以适应设备的宽度，并且可以在我在 iOS 或 Android 上使用的任何浏览器上运行良好。

我想知道是否有任何方法可以在 Firefox 或 Safari 桌面浏览器的开发人员工具响应模式下预览此内容。我只能在 Chrome 上预览。

在 Chrome 中，它会根据宽度缩小。在 Firefox/Safari 中，它保持 1:1 的像素比。

仅供参考，我们正在调试我们的移动混合应用程序，该应用程序是使用 angularJS 1.4.2 和带有 WKWebView 的 ionic 框架 1.2.4 开发的。

下面的多个快照是显示之前和之后的事件。根据webkit 内存调试文章，快照将显示尚未被 GC 的活动 JavaScript 对象。

快照 2 显示了页面 A 和控制器 A 的默认状态。

快照 5 仍在同一页面中，但在进行了一些计算并从 PDFTron 生成了一个 base64 字符串 pdf 以在 UIWebview 上查看它。

快照 10 显示退出页面 A 并使用控制器 C 导航到页面 C。

快照 2 和快照 10 的比较，所有 base64 字符串仍然保留在那里。

问题：

1. snapShot的大小不断增加而不减少是否正常，是否考虑内存泄漏？
2. 快照大小仅代表所有活动的 javascript 对象，或者它将显示我们访问过的所有对象，无论它是否是活动的，就像应用程序中的一些历史对象一样？
3. 快照大小和快照实时大小有什么不同？
4. 当导航到下一个控制器时，AngularJS 将有助于破坏作用域，我们还禁用了 ionic 上的缓存。那么这些base64字符串是否也考虑内存泄漏项？

我的应用程序能够呈现 Shadow DOM，但检查器无法显示影子根。谁能帮我解决这个问题？

这是我在 Safari 中 Inspect Element 模型时的项目：
您可以看到editor.css右侧的链接。

点击链接后，我来editor.css详细说明：

但我不知道怎么回去。有人知道如何转到页面（转到第一个快照）