0

演示

Google Apps 脚本网络应用程序

环境

  • 三星 Galaxy Tab A
  • Google Apps 脚本网络应用程序
  • 铬 60.0.3112.116
  • 安卓 7.0.0
  • 设备 SM-P585Y 构建/NRD90M

重现步骤

用您的触控笔在上面的平板电脑型号上单击“笔”菜单图标，应用程序将崩溃（谷歌浏览器“Aw，Snap！”消息）。

错误描述

我认为这个错误与 jQuery UI 自动完成有关，如果我用手指在结果上上下滚动，没有问题，但是当我在结果上使用手写笔时，应用程序崩溃了。我已经删除了该库，并且该错误仍然存​​在。此外，我现在可以通过使用触控笔单击菜单链接来重现它。

我试过的

我用另一个自动完成替换了 jQuery UI，但错误仍然存​​在。

我构建了一个新版本的应用程序，希望通过更轻松的编码来解决崩溃问题。我使用了 UIkit ( getuikit.com ) CSS 框架（以前没有使用过）并且再次遇到了这个错误 - 这次是在单击菜单项时。

如果我使用手指，应用程序不会崩溃 - 只有当我使用触控笔时。

如果我在 codepen（全屏视图|编辑器视图）中重现代码，则使用触控笔单击菜单项时应用程序不会崩溃。

因此，它似乎是手写笔和谷歌应用程序脚本环境的组合。

我已将 Web 应用程序剥离为Code.gs仅包含以下内容的文件： 

function doGet() {
return HtmlService.createTemplateFromFile('index').evaluate().setTitle("DUPLICATE FOR REPRODUCING BUGS");
}

function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename)
.getContent();
}

和：

  • index.html（包含非常少的 HTML，请参阅codepen或以下内容）
  • jQuery 3.2.1 缩小
  • UIKit js 和 css 文件

当我用手写笔点击菜单链接时，应用程序仍然崩溃。

编辑：

根据要求，index.html来自网络应用程序的内容如下 - 但我认为它可能不相关，因为该错误在 HTML 的完全重写中仍然存在：

<!DOCTYPE html>
<html>

<head>
    <title>DUPLICATE FOR REPRODUCING BUGS</title>
    <?!= include('css_custom_common'); ?>
</head>

<body>
    <div class="uk-flex uk-height-viewport mini_site_container">
        <div id="site_overlay" class="uk-overlay-primary uk-position-cover" style="
    z-index: 2; display: none; background: rgba(16, 30, 100, 0.8) !important;
"></div>
        <div class="uk-width-auto">
            <div class="uk-background-primary uk-height-1-1">
                <ul class="uk-iconnav uk-iconnav-vertical uk-margin-remove-top">
                    <li title="Test" uk-tooltip="pos: right" class="iconnav-item-color iconnav-item-hover-color uk-padding-remove-vertical">
                        <a data-content-name="test" class="uk-padding-small" href="#" uk-icon="icon: pencil; ratio: 1.3"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="uk-width-expand">
            <div class="uk-background-default uk-height-1-1 my_right_content_area uk-inline uk-width-1-1">
                <img class="uk-logo uk-position-top-right" src="" alt="">
                <p class="page_heading"></p>
                <div class="my_dynamic_content uk-padding-small">
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.28/js/uikit.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.28/js/uikit-icons.min.js"></script>
</body>

</html>
4

0 回答 0