当前位置: 首页 > news >正文

做网站哪里便宜网站建设费会计

做网站哪里便宜,网站建设费会计,wap的网站模板下载,内蒙古住房与城乡建设部网站kimi ai 生成,测试可用,需要自行准备图标文件 创建一个简单的Chrome插件来实现选择文本后的搜索功能,你需要完成以下几个步骤: 创建插件的基础文件夹和文件: 创建一个文件夹用于存放插件的所有文件。在该文件夹中创建以…

kimi ai 生成,测试可用,需要自行准备图标文件
创建一个简单的Chrome插件来实现选择文本后的搜索功能,你需要完成以下几个步骤:

  1. 创建插件的基础文件夹和文件

    • 创建一个文件夹用于存放插件的所有文件。
    • 在该文件夹中创建以下文件:
      • manifest.json:插件的配置文件。
      • popup.html:右键菜单选择后的弹出页面。
      • popup.js:弹出页面的JavaScript逻辑。
      • background.js:后台脚本,用于处理搜索逻辑。
  2. 配置manifest.json

    {"manifest_version": 3,"name": "Bing Search","version": "1.0","description": "Search selected text with Bing","permissions": ["contextMenus"],"background": {"service_worker": "background.js"},"action": {"default_popup": "popup.html","default_icon": {"16": "images/icon16.png","48": "images/icon48.png","128": "images/icon128.png"}},"icons": {"16": "images/icon16.png","48": "images/icon48.png","128": "images/icon128.png"}
    }
    
    • 请确保你的插件文件夹中包含图标文件。
  3. 创建popup.html

    <!DOCTYPE html>
    <html>
    <head><title>Search with Bing</title><script src="popup.js"></script>
    </head>
    <body><h1>Search with Bing</h1>
    </body>
    </html>
    
  4. 编写popup.js

    document.addEventListener('DOMContentLoaded', function() {document.body.addEventListener('click', function(event) {if (event.target.tagName === 'A') {chrome.runtime.sendMessage({searchQuery: window.getSelection().toString()});}});
    });
    
  5. 编写background.js

    chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {if (request.searchQuery) {const searchUrl = `https://www.bing.com/search?q=${encodeURIComponent(request.searchQuery)}`;chrome.tabs.create({ url: searchUrl });}}
    );
    
  6. 添加右键菜单项

    • 你需要在background.js中添加逻辑来创建上下文菜单项。
    chrome.contextMenus.create({id: "searchWithBing",title: "Search with Bing",contexts: ["selection"]
    });chrome.contextMenus.onClicked.addListener(function(info) {if (info.menuItemId === "searchWithBing") {chrome.tabs.create({url: `https://www.bing.com/search?q=${encodeURIComponent(info.selectionText)}`});}
    });
    
  7. 加载插件到Chrome

    • 打开Chrome,进入chrome://extensions/
    • 开启“开发者模式”。
    • 点击“加载已解压的扩展程序”,选择你的插件文件夹。
  8. 测试插件

    • 在网页上选择文本,右键点击,应该看到“Search with Bing”选项。
    • 选择该选项,应打开一个新的标签页并用Bing搜索所选文本。

请注意,上述代码仅为示例,实际开发中可能需要进一步的调整和完善。此外,由于Chrome插件API的更新,部分API可能有变动,请根据最新的Chrome插件开发文档进行适配。

http://www.15wanjia.com/news/155326.html

相关文章:

  • 网站后台改成只有一个管理员登陆天元建设集团有限公司企业号
  • wordpress 网站重置用ps怎么做网站步骤
  • 做优惠卷网站倒闭了多少山东省建设工程执业资格中心网站
  • c2c网站有哪几个软件培训
  • 教育营销型的网站建设品牌形象
  • 在线生成app网站源码长沙做一个网站要多少钱
  • 云服务器做淘客网站网站建设绩效目标
  • 专业的铁岭做网站公司上海品牌营销策划公司排名
  • 自媒体135网站免费下载安装江西企业网站定制
  • 建网站 服务器需要安装 tomcat古建设计网站
  • 网站改版会影响收录吗怎样找素材做网站
  • 人才网网站建设方案百度推广登录平台app
  • 网站方案组成要素物流网站建设平台分析
  • 菜鸟教程网站首页制作网站集约化建设意见
  • 网站的二次开发是什么意思网站建设及发布的流程
  • 如何搭建个人博客网站创意网名昵称大全
  • 拓者设计吧邀请码济南seo优化公司助力网站腾飞
  • 南宁网站建设服务百度推广运营
  • 三合一企业网站模板爱采购下载app
  • 公司网站建设有哪些wordpress 静态化 linux
  • 西部数码网站管理助手2ui界面素材
  • 谷歌英文网站个人主页网页设计模板图片
  • 重庆建设集团网站首页沪深互动平台
  • 旅游类网站开发设计报告手工外包网
  • 唐山市住房和城乡建设局门户网站个人网页设计论文范文
  • 随州市网站建设公司做外贸网站用哪些小语种
  • 网站调用网页内容网站空间的参数
  • 怎么设置网站网站建设项目概要设计方案
  • 厦门旅游网站建设绿色能源网站模板
  • wordpress看文网站wordpress免费续ssl证书