评论

在非微信里面使用web-component定义wx-open-launch-weapp方便调试样式

在非微信里面使用web-component定义wx-open-launch-weapp、wx-open-launch-app方便调试样式

(function(){
    var userAgent = navigator.userAgent && navigator.userAgent.toLowerCase() || '';
    if (userAgent.match(/MicroMessenger/i) != "micromessenger") {
        class WxOpenLaunchWeapp extends HTMLElement
        {
            constructor()
            {
                super();
                this.shadow = this.attachShadow({ mode'open' });
            }
            connectedCallback() {
                var template = this.querySelector("script,template");
                if (template) {
                    this.shadow.innerHTML = template.innerHTML;
                    this.removeChild(template);
                }
            }
        }
        window.customElements.define('wx-open-launch-weapp', WxOpenLaunchWeapp);
    }

})();

最后一次编辑于  2020-08-06  
点赞 0
收藏
评论

1 个评论

  • 下一个季节
    下一个季节
    2020-08-06

    第一次用web-component,这只是其中一种定义web-component的方式,如有问题请见谅

    2020-08-06
    赞同
    回复
登录 后发表内容