Chrome 138 將內(nèi)置強(qiáng)大的 AI 模型，Vue、React 可直接調(diào)用！
在數(shù)字化飛速發(fā)展的今天，Google Chrome 瀏覽器不斷推陳出新，為用戶和開發(fā)者帶來驚喜。
即將發(fā)布的 Chrome 138 版本，更是內(nèi)置了強(qiáng)大的 AI 模型，通過 JavaScript 接口，開發(fā)者可以直接調(diào)用這些前沿的 AI 功能，為 Web 應(yīng)用和擴(kuò)展注入全新活力。
一、內(nèi)置 AI 模型：Gemini Nano
Chrome 138 內(nèi)置的 AI 模型核心是 Gemini Nano，它是 Gemini 系列大型語言模型（LLM）的高效版本，專為在大多數(shù)新型桌面設(shè)備和筆記本電腦上本地運(yùn)行而設(shè)計(jì)。
這意味著，無需依賴遠(yuǎn)程服務(wù)器或云服務(wù)，用戶的設(shè)備即可獨(dú)立完成復(fù)雜的 AI 任務(wù)，如文本摘要、語言檢測(cè)、翻譯、文本重寫和寫作輔助等。
二、內(nèi)置 API 介紹
從 Chrome 138 開始，Summarizer API、Language Detector API 和 Translator API 都穩(wěn)定上線啦，Prompt API 也能在 Chrome 擴(kuò)展里用啦。
還有 Writer API 和 Rewriter API，也開啟了試用階段。這些 API 讓網(wǎng)頁和擴(kuò)展程序能直接用上 AI 功能，超方便！
1. Summarizer API（摘要 API）
Summarizer API 是一款功能強(qiáng)大的工具，能夠從長篇大論中提煉出關(guān)鍵信息，生成精煉且富有洞見的摘要。
這對(duì)于處理冗長的文章、會(huì)議記錄、聊天對(duì)話等非常實(shí)用，無論是新聞平臺(tái)快速生成資訊摘要，還是辦公軟件提煉會(huì)議要點(diǎn)，它都能讓信息獲取變得更加高效。
示例代碼：
const options = {
sharedContext: '這是一篇科學(xué)文章',
type: 'key-points',
format: 'markdown',
length: 'medium',
};
const availability = await Summarizer.availability();
let summarizer;
if (availability === 'unavailable') {
return;
}
if (availability === 'available') {
summarizer = await Summarizer.create(options);
} else {
summarizer = await Summarizer.create(options);
summarizer.addEventListener('downloadprogress', (e) => {
console.log(`已下載 ${e.loaded * 100}%`);
});
await summarizer.ready;
}
const longText = document.querySelector('article').innerHTML;
const summary = await summarizer.summarize(longText, {
context: '這篇文章面向技術(shù)愛好者',
});2. Language Detector API（語言檢測(cè) API）
Language Detector API 是一個(gè)多語言環(huán)境下的得力助手，它可以自動(dòng)識(shí)別輸入文本的語言。
這對(duì)于社交網(wǎng)絡(luò)平臺(tái)、多語言文檔處理工具等應(yīng)用至關(guān)重要。
無論用戶輸入何種語言，它都能快速準(zhǔn)確地識(shí)別并反饋，為后續(xù)的語言處理任務(wù)（如翻譯、語言特定功能等）奠定基礎(chǔ)，極大地提升了多語言應(yīng)用的用戶體驗(yàn)。
示例代碼：
const availability = await LanguageDetector.availability();
let detector;
if (availability === 'unavailable') {
return;
}
if (availability === 'available') {
detector = await LanguageDetector.create();
} else {
detector = await LanguageDetector.create({
monitor(m) {
m.addEventListener('downloadprogress', (e) => {
console.log(`已下載 ${e.loaded * 100}%`);
});
},
});
await detector.ready;
}
const someUserText = 'Hallo und herzlich willkommen!';
const results = await detector.detect(someUserText);
for (const result of results) {
console.log(result.detectedLanguage, result.confidence);
}3. Translator API（翻譯 API）
Translator API 消除了語言障礙，讓全球化溝通變得更加順暢。
它允許在本地將文本快速準(zhǔn)確地翻譯為目標(biāo)語言。對(duì)于在線旅游平臺(tái)、電商平臺(tái)、跨國社交應(yīng)用等需要多語言支持的應(yīng)用來說，這個(gè) API 無疑是必備的。
它能實(shí)時(shí)翻譯用戶評(píng)論、產(chǎn)品描述等，讓不同語言的用戶都能無縫交流和獲取信息。
示例代碼：
if ('Translator'in self) {
// 支持 Translator API
}
const translatorCapabilities = await Translator.availability({
sourceLanguage: 'zh',
targetLanguage: 'en',
});
const translator = await Translator.create({
sourceLanguage: 'zh',
targetLanguage: 'en',
});
await translator.translate('請(qǐng)問下一個(gè)公交站怎么走？');4. Rewriter API（重寫 API）
Rewriter API 是文本優(yōu)化的利器，它能夠?qū)ΜF(xiàn)有文本進(jìn)行重寫、潤色、調(diào)整語氣或簡化。
對(duì)于內(nèi)容創(chuàng)作平臺(tái)、電子郵件客戶端、在線辦公軟件等應(yīng)用，這個(gè) API 可以幫助用戶提升文本質(zhì)量。
示例代碼：
const options = {
sharedContext: '這是一封關(guān)于即將舉行活動(dòng)的電子郵件',
tone: 'more-casual',
format: 'plain-text',
length: 'shorter',
};
const available = await Rewriter.availability();
let rewriter;
if (available === 'unavailable') {
return;
}
if (available === 'available') {
rewriter = await Rewriter.create(options);
} else {
rewriter = await Rewriter.create(options);
rewriter.addEventListener('downloadprogress', (e) => {
console.log(e.loaded, e.total);
});
}
const result = await rewriter.rewrite(reviewEl.textContent, {
context: '避免使用任何有毒語言，并盡可能具有建設(shè)性',
});5. Writer API（寫作 API）
Writer API 是創(chuàng)意寫作的強(qiáng)大后盾，它根據(jù)提示生成新的文本內(nèi)容。
這對(duì)于自動(dòng)生成文章、評(píng)價(jià)、博文等非常有幫助。在線教育平臺(tái)可以利用它生成生動(dòng)有趣的課程介紹，博客平臺(tái)可以輔助用戶撰寫初稿，甚至可以幫助用戶創(chuàng)作故事、詩歌等文學(xué)作品，激發(fā)創(chuàng)作靈感，提高寫作效率。
示例代碼：
const options = {
sharedContext: '這是一封關(guān)于即將舉行活動(dòng)的電子郵件',
tone: 'casual',
format: 'plain-text',
length: 'medium',
};
const available = await Writer.availability();
let writer;
if (available === 'unavailable') {
return;
}
if (available === 'available') {
writer = await Writer.create(options);
} else {
writer = await Writer.create(options);
writer.addEventListener('downloadprogress', (e) => {
console.log(e.loaded, e.total);
});
}
const result = await writer.write(
"向銀行咨詢?nèi)绾卧谖业馁~戶上啟用電匯功能。", {
context: "我是一位長期客戶",
},
);這些 API 不僅功能強(qiáng)大，而且易于集成，為 Web 開發(fā)者提供了豐富的工具，助力打造出更具創(chuàng)新性和競爭力的 Web 應(yīng)用和擴(kuò)展。
三、優(yōu)勢(shì)與意義
對(duì)于開發(fā)者來說，這些 API 提供了強(qiáng)大的工具，降低了開發(fā)門檻，加速了創(chuàng)新過程。
開發(fā)者可以專注于構(gòu)建核心功能，而不必從頭開始構(gòu)建復(fù)雜的 AI 模型。這將激發(fā)更多富有創(chuàng)意的 Web 應(yīng)用和擴(kuò)展的誕生。
Chrome 138 內(nèi)置強(qiáng)大的 AI 模型，通過 JavaScript 接口為開發(fā)者和用戶帶來了巨大的價(jià)值。從文本摘要到語言檢測(cè)，從翻譯到文本重寫和寫作輔助，這些功能涵蓋了眾多實(shí)用場景，為 Web 開發(fā)開辟了新的可能性。
同時(shí)我們也期待 Chrome 瀏覽器在未來版本中帶來更多創(chuàng)新和驚喜。為用戶創(chuàng)造出更加智能、便捷的 Web 體驗(yàn)吧！
Google Chrome AI：https://developer.chrome.google.cn/docs/ai/built-in?hl=zh-cn
