开发人员控制台

安装和使用Amazon Web App Tester


安装和使用Amazon Web App Tester

在将应用提交至Amazon Appstore之前,您可以使用网页应用测试器评估应用性能。利用网页应用测试器,您可以看到您的HTML5网页应用或移动优化网站在Fire TV设备、Fire平板电脑或其他Android设备上的表现。

安装网页应用测试器

网页应用测试器可从Amazon Appstore下载。您可以从Amazon Appstore将网页应用测试器安装到您的设备上,也可以从亚马逊网站获取。

如果未安装网页应用测试器,请参阅Amazon Appstore安装帮助

使用ADB连接到您的开发计算机

在使用网页应用测试器之前,请使用ADB将您的设备连接到您的开发计算机

请参阅将ADB连接到Fire TV将ADB连接到Fire平板电脑

将托管应用加载到网页应用测试器

有两种方法可以将托管网页应用加载到主机设备上的网页应用测试器中。

  1. 输入指向您的应用的URL。确保您位于托管应用选项卡上。在页面顶部附近的文本框中键入应用的URL。
  2. 上传包含一个或多个URL的JSON文件。
    • 使用您计算机上的文本编辑器,创建一个名为amazon.testerurls.json的文件
    • 输入网页应用的URL,如以下模板所示:
      {    
        "urls": [
         "http://m.imdb.com",
         "http://m.amazon.com",
         "https://read.amazon.com"
        ]
      }
      
    • 在您的计算机上,导航到您保存amazon.testerurls.json的位置,然后将该文件复制到主机设备。在Mac和Windows计算机上使用GUI文件传输工具时,amazon.testerurls.json文件应该进入根目录。如果使用Android调试桥(ADB)传输文件,请将amazon.testerurls.json文件放入/sdcard/目录中。*在使用ADB检查主机设备文件系统的内容时,amazon.testerurls.json文件应该驻留在/sdcard/中。GUI工具根目录等同于/sdcard/目录。
    • URL显示在URL文本框下方的列表中。

创建打包应用

打包HTML5应用项目的外观和工作方式与服务器上的普通Web项目文件夹一样。例如:

./project/index.html
./project/js/main.js
./project/js/libs/jquery.min.js
./project/css/main.css
./project/images/logo.png
./project/images/picture.jpg
...
等等

创建一个包含项目文件夹中所有文件的zip文件。

将打包应用加载到网页应用测试器

有两种方法可以将打包网页应用加载到主机设备上的网页应用测试器。

  1. 键入指向包含应用的.zip文件的URL。确保您位于打包应用选项卡上。在页面顶部附近的文本框中键入.zip文件的URL。
  2. 将.zip文件上传到主机设备上的/sdcard/amazonwebapps目录。

    在您的计算机上,导航到您保存.zip文件的位置,然后将该文件复制到主机设备。在Mac和Windows计算机上使用GUI文件传输工具时,zip文件应该进入amazonwebapps目录。如果使用Android调试桥(ADB)传输文件,请将.zip放入/sdcard/amazonwebapps/目录中。在使用ADB检查主机设备文件系统的内容时,.zip应该驻留在/sdcard/amazonwebapps/中。GUI工具根目录等同于/sdcard/目录。

  3. 在主机设备上,如果网页应用测试器处于打开状态且无法识别您的.zip文件,请按同步列表按钮刷新列表。

测试您的应用

将您的应用加载到网页应用测试器后,单击Test App(测试应用)按钮。

清除存储的数据和Cookie

利用应用列表上方的清除所有浏览器数据链接,您可以清除Web视图中的数据,清除方式与使用网页应用缓存API的方式相同。单击More Actions(更多操作)以获取其他选项。

后续步骤

设置Chrome DevTools来调试您的网页应用。请参阅调试您的网页应用