chrome扩展学习 右键菜单实现代码
{
"name": "我的右键",
"description": "chrome扩展学习---menu使用",
"version": "0.1",
"permissions": ["contextMenus", "tabs"],
"background": {
"scripts": ["menu.js"]
},
"manifest_version": 2
}
function genericOnClick(info, tab) {
alert(info.linkUrl);
}
function selectionOnClick(info, tab) {
alert(info.selectionText);
}
var link = chrome.contextMenus.create({"title": "链接地址","contexts":["link"],"onclick":genericOnClick});
var selection = chrome.contextMenus.create({"title": "选中文字","contexts":["selection"],"onclick":selectionOnClick});
相关推荐
-
Chrome Web App开发小结
前言 这篇文章主要分享下自己在开发Web App遇到的问题和过程,以及一些很已经(如何)填平的坑.如果您想要"如何开发Web App"或<30分钟学会开发Web App>,请移步官方的开发手册(文档).(下有链接). 背景 感觉现在大家都在争论(讨论)两件事情,Web App和Native App.前不久参加的HTML5守望者活动,各方大佬都在针对这二者之间的优劣,差异,兼容,普及等进行探讨.当然,有争议的才说明有价值嘛. Chrome Web App 前不久Chrome又
-
Chrome扩展页面动态绑定JS事件提示错误
问题描述: 当开发Chrome扩展时,页面的popup.html中需要js的时候,直接将JS写在动态绑定JS事件会提示: Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension-resource:".. 解决办法: 在popup.html中引用外部的js文件动态绑定JS
-
json格式化/压缩工具 Chrome插件扩展版
安装方法:用chrome浏览器访问 https://chrome.google.com/extensions/detail/pjkoglpbigbjijmncfkcpkcpddnelgbm?hl=zh-cn [json格式化/压缩]工具 chrome下安装 :) 1.建一个新的文件夹 2.建一个名为 manifest.json的文件 3.打开这个 manifest.json文件,可以理解为配置文件 :) 包含以下内容 复制代码 代码如下: { "name": "My Firs
-
谷歌Chrome浏览器扩展程序开发小记
根据公司的规定,每月八小时,弹性工作制.所以大家平时来的不太准时,如果有事,下班也就早些回去了.所以一个月下来工作时间可能不够,但是公司的考勤日历是这样的: 除了请假和法定节假日外,其他样式显示都是一样的,每次都要一个个估算这个月的大概工作时间,十分不方便.后来看到公司有人在用一个Chrome扩展程序,可以计算出一个月的工作时间,但是我觉得还是没有看到我想看的东西,因为除了每个月的累计工作时间外,我还想看到:平均每天工作时长.每一天的工作时长.20点以后的天数(20点以后下班的可以报销晚饭的,哈
-
chrome扩展学习 右键菜单实现代码
manifest.json 复制代码 代码如下: { "name": "我的右键", "description": "chrome扩展学习---menu使用", "version": "0.1", "permissions": ["contextMenus", "tabs"], "background": {
-
JS实现仿Windows7风格的网页右键菜单效果代码
本文实例讲述了JS实现仿Windows7风格的网页右键菜单效果代码.分享给大家供大家参考.具体如下: 这是一款JS仿Windows7风格的网页右键菜单,可以多级展开的右键菜单,原生JS.可参考性强,学习JavaScript的朋友不可错过.本菜单用户体验极佳,兼容性良好,无jQuery. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-win7-style-web-right-menu-codes/ 具体代码如下: <!DOCTYPE htm
-
JS实现不使用图片仿Windows右键菜单效果代码
本文实例讲述了JS实现不使用图片仿Windows右键菜单效果代码.分享给大家供大家参考,具体如下: 这里演示JS不使用图片仿Windows右键菜单效果,这款代码灵活使用了文鼎字,配合CSS和JS做出了这个和系统右键菜单很相似的东东. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-windows-right-button-menu-codes/ 具体代码如下: <HTML> <HEAD> <TITLE>极酷的多级右
-
JS自定义右键菜单实现代码解析
今天来讲一个关于右键菜单的小demo,抛砖引玉. 首先,我们要用css和html做一个自定义右键菜单. <!--自定义右键菜单html代码--> <div id="menu"> <div class="menu">功能1</div> <div class="menu">功能2</div> <div class="menu">功能3</di
-
3种不同的ContextMenu右键菜单实现代码
简单使用的右键菜单,希望能帮助大家.下面是截图和实例代码 实例预览 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
-
js禁止页面复制功能禁用页面右键菜单示例代码
<body oncontextmenu="return false">禁用网页右键菜单,但是仍然可以使用快捷键复制. js代码禁用复制功能: 复制代码 代码如下: <script type="text/javascript"> document.body.onselectstart=document.body.oncontextmenu=function(){ return false;} </script> 注意这段代码必须放在
-
js右键菜单效果代码
将以下代码添加到<head>与</head>之间 ---------------------------------- <script language='javascript'> /*******以下内容可以修改***************/ var mname=new Array( "首 页", "修 改", "下 载", "删 除", "新 建&q
-
JQuery模拟实现网页中自定义鼠标右键菜单功能
前言 题外话.......最近在开发一个网站项目的时候,需要用到网页自定义右键菜单,在网上看了各路前辈大神的操作,头晕目眩,为了达到目的,突然灵机一动,于是便有了这篇文章. 先放个效果图(沾沾自喜,大神勿喷): 废话不多说,进入正题: 1.首先 我们要禁用掉原网页中右键菜单 //JQuery代码 $(selector).on('contextmenu', function () { return false; }) 这样目标区域的右键菜单就无法使用了 demo1: <!DOCTYPE html>
-
Vue el-table实现右键菜单功能
本文实例为大家分享了Vue el-table实现右键菜单功能的具体代码,供大家参考,具体内容如下 实现的效果如下: 1.el-table和右键菜单视图代码 @row-contextmenu="rightClick"是右键点击事件 @row-click="clickTableRow"是每行单击事件 <el-table border :data="connectList" @row-contextmenu="r
-
jQuery实现右键菜单、遮罩等效果代码
最近要做个某管理系统的界面,然后涉及到右键菜单,因为之前没有做过所以就做了一下~感觉还可以,不过我个人不是很喜欢右键菜单的这种形式. 操作:在固定区域内点击鼠标右键出现菜单,然后选择任意一项后进行对应页面的跳转.刚开始的想法是用catch..case..的方法,对应不同的选项,只改变弹出层里的内容,但是内容都要用jQuery生成拼接,所以选用了比较简单的页面跳转. 下面就只贴上一个示例页面的相关代码. 先上效果图: **index.html主要代码** <div id="myMenu&qu
随机推荐
- 微信公众平台实现获取用户OpenID的方法
- JavaScript中的正则表达式使用及验证qq号码的正则
- 实例讲解JSP Model2体系结构(上)
- Lua中的元方法__newindex详解
- 详解用webpack2搭建angular2的项目
- Spring Data Jpa实现分页和排序代码实例
- Oracle用户密码含有特殊字符导致无法登陆解决方法
- 利用PHP函数计算中英文字符串长度的方法
- python利用正则表达式提取字符串
- linux下cat命令连接文件并打印到标准输出设备上
- Linux shell实现每天定时备份mysql数据库
- ASP checkbox复选框是否被选中的代码(结合数据库)
- jquery 无限级联菜单案例分享
- jquery创建一个ajax关键词数据搜索实现思路
- js批量设置样式的三种方法不推荐使用with
- c# 服务器上传木马监控代码(包含可疑文件)
- es6学习笔记之Async函数基本教程
- java编程进行动态编译加载代码分享
- Python绘制3D图形
- Java 读取文本指定的某一行内容的方法