Question

My webcomponent is not showing. Chrome does support this right?

I have tryed it using the is attribute and by using Javascript. Both are not working.

index (head):

        <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>

index (body):

    <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 does not support this yet. So untill then that is the right answer.