gpt4 book ai didi

java - Chrome 开发入门

转载 作者:行者123 更新时间:2023-12-02 07:00:12 25 4
gpt4 key购买 nike

我的 friend 要求我为 Chrome 制作一个应用程序,它要求我有如下上下文相关菜单:
enter image description here

我以前从未真正为 Chrome 做过任何东西,对此我有一些疑问:

  1. 我必须开发一个插件,对吧?
  2. 如果是这样,我必须遵守一套特定的规则吗?

我知道我可以使用GWT将 Java 编译为 JavaScript
3. 这个上下文相关菜单和JPopupMenu一样吗?

我想要开发的应用程序很简单:
复制一些文字,
右键单击,单击上下文相关菜单
将简单的凯撒密码应用于文本
打开一个新的 JFrame,其中包含 JtextArea 以显示加密文本。

最佳答案

  1. 您正在创建的内容称为“extension ”,而不是“插件”。浏览器扩展是使用 HTML、CSS 和 Javascript 编写的,并可以访问 API 以与浏览器直接交互。
    Plug-ins另一方面,是已编译的二进制文件,例如 Flash 和 Java。

  2. 放弃使用 GWT 进行 Chrome 扩展的想法。它使扩展的开发变得更困难,而不是更容易( open issue )。
    特别是因为您会在 the documentation 中找到大量普通 JavaScript 示例和教程。和堆栈溢出。

您只需要了解相关的 API:

Copy some text, right-click, click on the context sensitive menu

使用chrome.contextMenus 。无需复制,所选文本可在回调中使用 ( examples )。

apply simple Caesar's cipher to the text

创建一个 JavaScript 函数来实现此目的。

open a new JFrame with JtextArea in it to display the encrypted text.

使用chrome.windows.create创建一个新窗口。您可以在扩展程序中包含额外的 HTML 页面,并使用 message passing APIs填充文本字段,但由于您似乎是一个完全的新手,所以我展示了一个简单的复制粘贴方法来创建和填充此窗口:

function displayText(title, text) {
var escapeHTML = function(s) { return (s+'').replace(/</g, '&lt;'); };
var style = '*{width:100%;height:100%;box-sizing:border-box}';
style += 'html,body{margin:0;padding:0;}';
style += 'textarea{display:block;}';
var html = '<!DOCTYPE html>';
html += '<html><head><title>';
html += escapeHTML(title);
html += '</title>';
html += '<style>' + style + '</style>';
html += '</head><body><textarea>';
html += escapeHTML(text);
html += '</body></html>'

var url = 'data:text/html,' + encodeURIComponent(html);
chrome.windows.create({
url: url,
focused: true
});
}

别忘了阅读 Getting started了解有关扩展程序基础架构的更多信息。

关于java - Chrome 开发入门,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16751668/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com