问题标签 [safari-web-inspector]

有没有办法（甚至使用私有方法）在为生产而构建的应用程序（例如企业应用程序）中使用 Safari Web Inspector。

我尝试使用_setDeveloperExtrasEnabled，WKPreferences但在部署应用程序后仍然无法解雇检查员。

还有其他技巧可以帮助 javascript 开发人员调试他们的应用程序，而无需访问源代码吗？

换句话说，有没有办法分发可以使用 Safari Web Inspector 检查的应用程序？（使用私有方法很好）

当您在使用浏览器的开发人员工具时对 DOM 或 CSS 进行更改时，有没有办法在一个地方查看您所做的所有更改？

我在 Safari 或 Firefox 开发者版中看不到这样做的方法。如果可能，是否需要外部插件？

This question is related to my earlier question How to Debug Javascript in IOS Action App Extension. Basically, I am developing an mobile safari extension, and part of the work is to develop a javascript (operating on top of "document" provided by mobile safari) to run inside the app extension.

However, I have not found a way to debug a javascript file inside an app extension. Now, I am trying to ask the question a bit differently - given mobile safari on a page, can I somehow run an external javascript on that page and debug this external javascript? I suppose that Safari Web Inspector could help with that? Thanks.

我将 iPad 连接到我的 Mac，我打开了“开发 > iPad 名称 > 页面名称”，但我似乎无法检查和编辑我在 Chrome 上看到的相同 CSS。

这是 Safari Inspect 的屏幕截图：

这是同一页面的 chrome 屏幕截图：

起初我只是觉得 Safari Web Inspector 很时髦，但其他网站工作正常。即，我可以根据需要在其他站点上查看和编辑 css，但在这个特定站点上我不能。

有没有人遇到过类似的问题？或者知道是什么原因造成的吗？

我们将开发 Safari 扩展。我们有 Chrome 扩展程序。

并且我们想在 safari 扩展中合并相同的代码，有没有可能这样做。

但是根据 chrome 结构，Chrome 使用 Background Js 与 Addon 和内部 JS 进行通信。通过 chrome.runtime.sendMessage。chrome.runtime.sendMessage({ 我们可以在 safari Extension 中使用类似的东西吗？一个可以处理所有消息传递的背景文件？

我们可以通过 Post Messaging/Dispatch Message 进行沟通；

附加组件/全局 =>> 注入脚本。=>> 附加/全局文件。

但是我们想通过 Post/Dispatch Messaging 在 JavaScript 文件（加载了 Global/Popover Html 文件）之间进行通信，就像在 Chrome（chrome.runtime.sendMessage）中一样。

Local.JS =>> BackGruound.Js =>> Local.JS
BackGruound.Js => Content.Js =>> 全局。

我有一个用 wordpress 制作的以视频为中心的网站。当我们在 iPad 上测试网站时，我们将其连接到 mac 笔记本电脑并打开 safari 开发人员工具以检查我们是否有任何错误等等。一切都在我们的主页上正常工作，但是当我们转到我们添加的任何视频帖子时，它会使开发者工具窗口崩溃，并且 iPad 上的浏览​​器顶部有一个小下拉菜单，上面写着“此网页出现问题，因此已重新加载”。

该页面在 iPad 上很好，我们的日志中没有任何 PHP 错误，一切功能正常，所以我不知道是什么导致它崩溃。

有任何想法吗？有什么办法可以解决这个问题？

在此先感谢 :) 如果您需要更多信息，请告诉我！

Chromium 有这个功能设备模式，交互就是它在触摸设备上的样子。

我已经尝试过 Safari 的响应式设计模式，但我没有看到模拟触摸的方法（没有指针事件）。它的行为就像我在使用鼠标一样，但我希望它的行为就像我正在触摸移动设备上的屏幕（就像在 Chrome 的检查器中一样）。

在加载了 Ionic 应用程序的 ios 模拟器上使用 Safari 的 Web 检查器时，我希望在 Safari 的检查器窗口的“存储”选项卡中的“数据库”文件夹下看到创建的数据库。我的数据库根本没有显示。

这是应用程序中用于创建和验证数据库的代码：

在 Safari 控制台中，我看到：

OPEN database: my_media.db - OK

DB opened: my_media.db

db created

当我打开存储选项卡时，我确实刷新了应用程序......但仍然没有数据库。那么.... Safari Web 检查器中的数据库在哪里？

我正在尝试让一个简单的网站在 iphone 6 上看起来不错......当我在 Safari 网络检查器中预览它时，它看起来很好：

在 Safari 网络检查器中预览 iphone 6 的网站

然而，当我真正在我的 iPhone 上打开直播网站时，它看起来像这样：

iphone 6 上的实际站点

如果必须，我可以继续（盲目地）调整它并将新的 css 文件上传到网络，并检查它直到我解决间距问题，但是有人知道为什么预览不准确吗？

我正在使用 Ionic 2 RC1。我想知道如何为每个转换为 main.js 文件的 .ts 文件包含源映射，并将它们的映射包含在 main.js.map 中。

不知何故，当尝试从 Safari 调试加载到连接到我的 Mac 的 iPad 中的应用程序时，我没有看到 .map 文件在网络选项卡或资源选项卡中加载/可见。我在 iPad 上打开了 Web Inspector。

如何对源映射错误行为进行故障排除以及如何使其在 Safari、Chrome 和其他浏览器中可用。谢谢，拉德

更新 1： 我正在使用这些 npm 包：