0

我看不到 FireFox 57 的任何输出，同时期待 'HyperHtmlElement' ...

<html>
<head>
<title>canvas element test</title>
<meta charset='utf-8'>
</head>
<body>
<g2-canvas></g2-canvas>
<script src="https://unpkg.com/hyperhtml@latest/min.js"></script>
<script src="https://unpkg.com/hyperhtml-element@latest/min.js"></script>
<script>
class G2Canvas extends HyperHTMLElement {
    created() {
        console.log('#');
        this.render();
    }

    render() {
        return this.html`<strong>HyperHTMLElement</strong>`;
    }
}
G2Canvas.define('g2-canvas');
</script>
</body>
</html>

... 我究竟做错了什么 .. ？

谢谢。

4

1 回答 1

0

您的代码有两个问题：

  1. 最新自动为您HyperHTMLElement带来hyperHTML。如果需要，您不需要包含两个脚本，只需包含HyperHTMLELement并随意导入bind，wire以及其中的其他方法/实用程序。
  2. Firefox 尚未发布自定义元素。您需要一个 polyfill，例如document-register-element或其他。

正如您在此 CodePen中看到的，Firefox 的行为确实类似于 Chrome 或 Safari，Edge 也可以。

我希望我已经回答了你的问题。

于 2017-12-28T12:52:32.060 回答