我的网络组件没有显示

Question

我的 web 组件没有显示。 Chrome 确实支持这个吗？

我已经使用is 属性和Javascript 进行了尝试。两者都不起作用。

索引（头部）：

        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="js/jquery/jqueryMobile/jquery.mobile-1.2.0.css" />
        <script src="js/jquery/jquery-1.8.2.js"></script>
        <script src="js/jquery/jqueryMobile/jquery.mobile-1.2.0.js"></script>
        <link rel="components" href="x-mycomp.html"/>
        <script>
            var el = document.createElement('x-mycomp');
            alert(el); // shows: [object HTMLUnkownElement]
        </script>

索引（正文）：

    <div id="page1" data-role="page">
        <div is="x-mycomp"></div>

    </div>

x-mycomp.html:

<element extends="div" name="x-mycomp">
    <template>
        <content>
            <div>
                <div data-role="header">
                    <div>
                        Log in
                    </div>
                    <a id="bt_register" data-role="button">register</a>
                </div>
                <div data-role="content">
                    <form>
                        <input id="username" placeholder="username" type="text"/>
                        <input id="password" placeholder="password" type="password"/>
                        <a id="bt_login" data-role="button">Log in</a>
                    </form>
                </div>
            </div>
        </content>
    </template>
</element>

Answer 1

Chrome 尚不支持此功能。所以在那之前这是正确的答案。