如何调试Firefox的WebExtension Background脚本为Android

差异化特征Android的Firefox.是它对浏览器扩展的支持。然而,作为一名扩展开发人员,在为Android的Firefox开发时,您并没有最好的工具或文档。下面介绍如何将计算机上的Firefox开发工具连接到运行在Android上的webex张力后台脚本。

电脑的Firefox可以从内部调试扩展突破口的窗口和后台脚本关于:调试页。此页面让扩展开发人员启用扩展开发工具并将Firefox Developer工具连接到扩展后台脚本。

虽然方便关于:调试Page不适用于Android的Firefox,您仍然可以调试扩展后台脚本。我现在我现在将通过将手机连接到Firefox的界面的步骤,然后将其连接到在Firefox上为Android运行的扩展。

本教程附带一个非常重的先决条件列表:

  • 带USB端口的计算机,以及您手机的USB电缆。
  • 在手机上安装了Android的Firefox的最新副本,以及您的计算机上的Firefox。
  • 安装了Android开发人员大桥ADB.)在你的电脑上。在Linux上,可以从android工具包。Windows和MacOS可以将其下载为一部分Android平台工具
  • 启用开发人员模式和USB调试在你的手机上。
  • 禁用自动屏幕调光和锁定手机。当屏幕锁定时,与Firefox的连接可能会丢失 - 因此保存自己一些麻烦,禁用或扩展显示睡眠/锁定超时间隔。
  • 已安装插件您希望在Firefox上调试Android。

如果您满足了上述所有要求,那么您可以继续学习本教程。

第一步是将Firefox连接到Android在计算机上运行的Firefox通过Android调试桥运行。假设您已经设置了adb,这个过程应该相当直接。

  1. 打开Android的Firefox,然后转到“设置”:Advanced:Developer Tools,并通过USB选项启用远程调试。
  2. 在计算机上打开Firefox,单击Firefox菜单,然后选择Web Developer:WebIde。
  3. 在窗口的右侧,它可以在标题USB设备下说“安装ADB Helper”(请参阅​​下面的图示中的4)。如果需要,单击此处并安装帮助程序。重启Firefox.如果您需要安装帮助程序。

您应该看到您的设备在USB设备列表下或有用的提示询问您是否没有看到您的设备。如果需要对设备连接进行故障排除,请单击此项。虽然,我建议您运行命令亚洲开发银行设备在终端中并验证首先工作。您可能需要将设备从ADB工作之前的数据传输模式进行充电。

  1. 从WebIDE内的USB设备列表中选择您的设备。您的设备上会提示您允许进入调试连接。
Firefox Web Diete在Android的WebExtension开发

连接到Firefox WebIde中的WebExtension背景脚本。

您将看到WebIde窗口与来自Firefox的选项卡填充到Android。您可以使用此接口的Web开发目的使用调试选项卡。但是,这是Mozilla的官方文档的重点让您想知道接下来有关连接到扩展脚本的作用。它们没有与标签和其他任何地方一起显示。

官方文档假定您熟悉Android firefox上的WebExtensions的内部工作,即使可用文档稀疏。我不会离开你挂起并告诉你你最后几个步骤调试扩展后台脚本:

  1. 在窗口的左侧,单击运行时应用程序列表下的主进程。这可能很慢,所以在进行之前等待一会儿。
  2. 在窗口的右侧,单击框架选择器按钮(见上图上6)。
  3. 从帧列表中选择匹配分机标识字符串的帧和后台脚本或弹出窗口文件名。

您现在应该在计算机上连接Firefox开发人员工具到在Android上运行的扩展后台脚本。You can use the WebIDE window as you normally would use the stand-alone developer tools window and interact with the console, storage, debugger, network activity, profiler, and all the other development tools you’re familiar with from developing WebExtension on Firefox for computers.

祝您的移动WebExtension开发工作良好!

开发人员文档"桌面和Android Extensions之间的差异“将扩展为Firefox为Android移植到Firefox时非常有用!