帮酷LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:ISO  DOC  MAN  Meteor  HEAD  
Isomorphic way to manipulate document.head for Meteor apps

  • 源代码名称:meteor-dochead
  • 源代码网址:http://www.github.com/kadirahq/meteor-dochead
  • meteor-dochead源代码文档
  • meteor-dochead源代码下载
  • Git URL:
    git://www.github.com/kadirahq/meteor-dochead.git
  • Git Clone代码到本地:
    git clone http://www.github.com/kadirahq/meteor-dochead
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/kadirahq/meteor-dochead
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
  • 用于 Meteor的 DocHead

    DocHead是一种为 Meteor 应用操作 document.head的同构方式。

    使用 DocHead,你可以使用单个API轻松地在客户端和服务器中设置标题和元标记。 在服务器端,它将使用 FlowRouter SSR。

    安装

    
    meteor add kadira:dochead
    
    
    
    

    用法

    在客户端,你可以在应用程序的任何地方使用 DocHead。 但是在服务器中,你需要在响应组件中使用 DocHead。 否则,它不能正常工作。

    在服务器中,你需要使用 kadira:flow-router-ssr

    API

    DocHead.setTitle(titleName )

    将标题设置为页面。

    var title ="FlowRouter Rocks";DocHead.setTitle(title);
    DocHead.getTitle( )

    获取文档标题。

    这里API对客户端是React性的。 它只检测你使用 DocHead.setTitle() 做的更改。

    var title =DocHead.getTitle();console.log("This is the document.title", title);
    DocHead.addMeta(metaInfo )

    添加元标记。

    var metaInfo = {name:"description", content:"FlowRouter SSR is Awesome"};DocHead.addMeta(metaInfo);
    DocHead.addLink(metaInfo )

    添加链接标记。

    var linkInfo = {rel:"icon", type:"image/png", href:"/icon.png"};DocHead.addLink(linkInfo);
    DocHead.addLdJsonScript(jsonObj )

    添加带有 application/ld+json 类型的脚本标记。

    var richSnippet = { '@context':'http://schema.org', '@type':'Organization', url:'http://www.example.com', logo:'http://www.example.com/images/logo.png' };DocHead.addLdJsonScript(richSnippet);
    DocHead.loadScript(scriptName, options, callback) - [client only ]

    从应用程序的客户端动态加载脚本。 optionscallback 都是可选的。

    在场景后面 DocHead.loadScript 使用 load-script 模块。 请访问这里了解有关选项的更多信息。

    var gaScript ='https://www.google-analytics.com/analytics.js';DocHead.loadScript(gaScript, function() {
     // Google Analytics loadedga('create', 'UA-XXXX-Y', 'auto');
     ga('send', 'pageview');
    });
    DocHead.removeDocHeadAddedTags( )

    多次添加元标记时,旧标签将保存在 document.head 中。 所以我们要清理它们。 为此,我们可以使用这个 API。

    Practially,我们可以在路由更改发生之前使用它。

    已经将 DocHead.removeDocHeadAddedTags() 添加到FlowRouter中。

    这个API的只在客户机中起作用。 在服务器中,不执行任何操作。

    测试软件包

    meteor test-packages./--port 3010


    文章标签:MAN  DOC  HEAD  Meteor  ISO  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语