我的Google Chrome扩展程序的HTML页面国际化

c00000fd

我发现了一个非常简单的方法实现的翻译我的谷歌Chrome扩展的(或定位),但似乎只适用于.jsoncssjs文件。

但是,如何html在弹出窗口或选项窗口中定位我的内容呢?

ahmd0

您将要做的是这个。

首先,在您的HTML中使用与Chrome在其他任何地方所需要的语法相同的语法。因此,您的基本知识popup.html将是:

<!DOCTYPE html>
<html>
<head>
<title>__MSG_app_title__</title>
</head>
<body>

<a href="http://example.com/" title="__MSG_prompt001__">__MSG_link001__</a>

<!-- Need to call our JS to do the localization -->
<script src="popup.js"></script>
</body>
</html>

然后在中提供通常的翻译_locales\en\messages.json

{
    "app_title": {
        "message": "MyApp",
        "description": "Name of the extension"
    },
    "link001": {
        "message": "My link",
        "description": "Link name for the page"
    },
    "prompt001": {
        "message": "Click this link",
        "description": "User prompt for the link"
    }
}

最后,您popup.js将执行实际的本地化:

function localizeHtmlPage()
{
    //Localize by replacing __MSG_***__ meta tags
    var objects = document.getElementsByTagName('html');
    for (var j = 0; j < objects.length; j++)
    {
        var obj = objects[j];

        var valStrH = obj.innerHTML.toString();
        var valNewH = valStrH.replace(/__MSG_(\w+)__/g, function(match, v1)
        {
            return v1 ? chrome.i18n.getMessage(v1) : "";
        });

        if(valNewH != valStrH)
        {
            obj.innerHTML = valNewH;
        }
    }
}

localizeHtmlPage();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Django 语言国际化 - 我无法进行翻译工作

来自分类Dev

为什么我的Google Chrome扩展程序无法在该特定页面上运行?

来自分类Dev

Google Chrome扩展程序:获取当前页面HTML(包括Ajax或更新的HTML)

来自分类Dev

Google Chrome扩展程序:获取当前页面HTML(包括Ajax或更新的HTML)

来自分类Dev

使用chrome扩展程序,我将如何阅读页面中的所有HTML并替换特定部分?

来自分类Dev

如何投射带有Google Cast Chrome扩展程序的HTML页面?

来自分类Dev

我是否可以根据国际化以外的标准使用 Azure B2C 和 Azure Active Directory 拥有多个自定义登录页面?

来自分类Dev

我没有安装的Google Chrome加载扩展程序

来自分类Dev

如何缩小我的Google Chrome扩展程序的JavaScript文件

来自分类Dev

上传我的Google Chrome扩展程序时出错

来自分类Dev

使用我的Chrome扩展程序更改Google搜索页的背景

来自分类Dev

为什么我的Google Chrome扩展程序停止工作?

来自分类Dev

为什么我的Google Chrome扩展程序停止工作?

来自分类Dev

我的Google Chrome扩展程序已全部停止工作

来自分类Dev

Chrome扩展程序可将标签重定向到我的页面

来自分类Dev

如何重定向Google Chrome扩展程序中的某些页面?

来自分类Dev

如何正确国际化Sinatra页面?

来自分类Dev

我的Chrome扩展程序在扩展程序页面中未显示48x48图标

来自分类Dev

国际化Java应用程序?

来自分类Dev

我可以将我的Google Chrome浏览器扩展程序开源吗?

来自分类Dev

为什么chrome.pageCapture.saveAsMHTML无法在我的Google Chrome扩展程序中运行?

来自分类Dev

我怎么知道我的Chrome扩展程序是从“新标签页”页面调用的?

来自分类Dev

国际图表的国际化?

来自分类Dev

Google Chrome扩展程序错误

来自分类Dev

更新Google Chrome扩展程序

来自分类Dev

CakePHP国际化

来自分类Dev

国际化的NumberFormat

来自分类Dev

我可以将所有域名视为国际化域名(IDN),没有任何不良影响吗?

来自分类Dev

我可以通过Chrome扩展程序执行Google Apps脚本代码吗?

Related 相关文章

  1. 1

    Django 语言国际化 - 我无法进行翻译工作

  2. 2

    为什么我的Google Chrome扩展程序无法在该特定页面上运行?

  3. 3

    Google Chrome扩展程序:获取当前页面HTML(包括Ajax或更新的HTML)

  4. 4

    Google Chrome扩展程序:获取当前页面HTML(包括Ajax或更新的HTML)

  5. 5

    使用chrome扩展程序,我将如何阅读页面中的所有HTML并替换特定部分?

  6. 6

    如何投射带有Google Cast Chrome扩展程序的HTML页面?

  7. 7

    我是否可以根据国际化以外的标准使用 Azure B2C 和 Azure Active Directory 拥有多个自定义登录页面?

  8. 8

    我没有安装的Google Chrome加载扩展程序

  9. 9

    如何缩小我的Google Chrome扩展程序的JavaScript文件

  10. 10

    上传我的Google Chrome扩展程序时出错

  11. 11

    使用我的Chrome扩展程序更改Google搜索页的背景

  12. 12

    为什么我的Google Chrome扩展程序停止工作?

  13. 13

    为什么我的Google Chrome扩展程序停止工作?

  14. 14

    我的Google Chrome扩展程序已全部停止工作

  15. 15

    Chrome扩展程序可将标签重定向到我的页面

  16. 16

    如何重定向Google Chrome扩展程序中的某些页面?

  17. 17

    如何正确国际化Sinatra页面?

  18. 18

    我的Chrome扩展程序在扩展程序页面中未显示48x48图标

  19. 19

    国际化Java应用程序?

  20. 20

    我可以将我的Google Chrome浏览器扩展程序开源吗?

  21. 21

    为什么chrome.pageCapture.saveAsMHTML无法在我的Google Chrome扩展程序中运行?

  22. 22

    我怎么知道我的Chrome扩展程序是从“新标签页”页面调用的?

  23. 23

    国际图表的国际化?

  24. 24

    Google Chrome扩展程序错误

  25. 25

    更新Google Chrome扩展程序

  26. 26

    CakePHP国际化

  27. 27

    国际化的NumberFormat

  28. 28

    我可以将所有域名视为国际化域名(IDN),没有任何不良影响吗?

  29. 29

    我可以通过Chrome扩展程序执行Google Apps脚本代码吗?

热门标签

归档