问题标签 [safari-web-inspector]

Sarari Web Inspector Guide说：

使用控制台作为工具，通过交互式命令修改您的 Web 内容

然后继续列出一些示例命令，包括console.log(object).

但是，当我尝试任何命令并按回车键时，什么也没有发生。

我错过了什么？为什么我不能通过回车键发送我的控制台命令？

在 chrome 中，可以中断 DOM 修改或属性更改。

Safari 中有这样的功能吗？或类似的东西。

我正在尝试使用 Safari 检查器在 iOS 设备上调试 Web 应用程序。

我已经引用了这种方式：启用远程网络检查器

当我尝试使用我开发的 iphone 应用程序（由 xcode 构建并运行到设备）时，它可以工作。但是如果我尝试调试使用 ipa 安装的 webapp，我在 safari > Develop > iPhone 菜单中找不到应用程序。（此菜单仅显示“不可检查的应用程序”）

例如，在Android Webview中，有一个apiSetWebContentsDebuggingEnabled

如果开发人员编写webview.SetWebContentsDebuggingEnabled(true)每个人都使用 apk 安装此应用程序，则可以在 Chrome 中调试 webview。

有没有像SetWebContentsDebuggingEnablediOS一样的选项？

帮助-！

对于我正在帮助朋友进行故障排除的网站，这是一个非常具体的问题。我知道如果它没有得到回答或者这个问题是否被关闭。

我想知道拥有 Mac 和 Safari 的人是否可以帮助我解决检查员的以下问题。下次你在城里时，我很乐意给你买啤酒。我在PC上，无法复制问题。

此问题仅发生在 Mac OS 的 Safari 上。Chrome、Firefox、IE 等浏览器正常显示。

顶部有几个 div，全宽包含徽标和导航。 http://912-registry.clubexpress.com

在 Safari / Mac OS 上，我的朋友说大图像在导航顶部和顶部徽标栏下方滑动。

我试过全宽 100%；位置：相对；类似问题中描述的技巧。

我知道为什么会发生这种情况，因为大图像首先在 DOM 中，导航跟随在 HTML 中，并且导航固定在 CSS 的顶部。这是避免重新编写 html 和重新组织（这可能必须完成）的方法。但是，对于 Safari 上的某个人可以找到的 css hack，可能有一个简单的修复方法。z 指数？某个地方的相对位置错过了？

否则回到绘图板。

Mac 伙计们怎么说？

我将 iPhone 连接到 mac，并在 iPhone 高级设置中启用了 Web Inspector，能够在 mac safari 中查看页面，但无法在 safari 中检查任何元素及其样式。我没有看到元素面板或样式面板。

谁能帮我找到那些面板来调试样式，我将其应用于我在 iPhone 中测试的页面元素。我能够在调试桌面 Safari 页面时看到这些面板。看截图

提前感谢您的帮助。

我在我的网页上上传图片。当我选择图像时，图像会在上传前显示在 div 中。它适用于所有浏览器，但不适用于 safari。

FileReader 功能不工作。代替我使用的这个。

获取文件的温度，但它也不起作用。错误来了，找不到变量 URL。请帮助解决这个问题。

使用 ionic 开发 Web 应用程序时，在 iOS 模拟器中使用命令行运行程序非常有用

然后通过选择桌面 Safari 和开发 -> iOS 模拟器，您可以在模拟器上为应用程序打开 Web Inspector。一切都很好。

在桌面 Safari 上，右键单击元素以在 Web Inspector 中找到它非常有用。有没有办法在 iOS Simulator Safari 中做到这一点？

我最终将一个可搜索的字符串放入 HTML 和 Ctrl-F 以找到它，这更麻烦。

我们正在构建的 GWT Web 应用程序主要集中在 iOS + Safari 平台上。我需要直接在设备上调试和分析应用程序。我们只在 Windows 计算机上工作。

如这里所提到的，不能使用 Safari 中内置的 iOS Web Inspector，因为最新版本的 Safari 不适用于 Windows。

因此，我们开始使用替代工具 Telerik AppBuilder 来执行此操作，如此处所建议的那样。我对它很满意，它变得越来越强大。

但是，我希望看到对这两种工具都有经验的人对这两种工具进行比较。我正在考虑，什么时候投资Mac电脑就可以使用Web Inspector。Web Inspector 中是否有 Telerik 没有的功能或优势？

我为我的播放器创建了一个径向播放按钮并且我使用 css flex 将播放图标居中。它在 chrome 中运行良好，但在 safari 浏览器中运行良好。

在我的CSS中，我有这样的东西：

我已经display: -webkit-flex;在 safari 中添加了对 flex 的支持，但不幸的是它不起作用，当我在 safari 的调试器样式中检查它时，它上面没有display: -webkit-flex;，但出现了空格-webkit-justify-around。

但是当我以这样的风格对其进行硬编码时：

它工作正常，有人能解释一下为什么当我把它放在课堂上时它不起作用吗？是浏览器问题吗？还是我做错了？

规格：更少，Safari 版本：8.0.8 版，Angularjs

我更新到 OS El Capitan 10.11.2，它干扰了我的 Safari 体验（我认为）。我无法在我的 Google 云端硬盘（文档、幻灯片、表格）中看到任何页面，但我可以很好地使用其他所有网站。

当我在 Safari 中打开错误控制台时，它会显示以下内容，然后 Safari 会重新加载说：“此网页出现问题，因此已重新加载。” 它将永远这样做，直到选项卡关闭。

目前这些网站：Google Docs、Sheets、Slides 和 Drawings 不起作用。而且我确信这个问题与我的机器无关，因为我可以在其他计算机上访问这些站点。

我也尝试过以安全模式启动，但我仍然无法访问这些站点。

附加信息：

OS X 埃尔卡皮坦 10.11.2

Safari 版本：9.0.2 (11601.3.9)

Macbook Pro（2009 年中）