谷歌浏览器js复制内容 谷歌浏览器js复制内容在哪

大家好,今天来为大家分享谷歌浏览器js复制内容的一些知识点,和谷歌浏览器js复制内容在哪的问题解析,大家要是都明白,那么可以忽略,如果不太清楚的话可以看看本篇文章,相信很大概率可以解决您的问题,接下来我们就一起来看看吧!

谷歌浏览器js复制内容 谷歌浏览器js复制内容在哪

本文目录

  1. 您使用的浏览器不支持此复制功能,手工复制一下吧
  2. 如何在浏览器中使用UserScript
  3. 主流浏览器护眼色设置方法

一、您使用的浏览器不支持此复制功能,手工复制一下吧

1、IE浏览器,解决方法有三种,代码如下:

var txtObj= document.getElementById(txtid);

if(window.clipboardData){//仅IE支持此对象,firefox、chrome不支持

//1、通过clipboardData对象实现复制

//window.clipboardData.clearData();

//window.clipboardData.setData("Text",txtObj.value);

//2、通过document对象实现复制:先选择中文本,再执行复制命令

//document.execCommand("Copy");//仅IE支持,Firefox报语法错误,chrome执行结果返回false(不支持)

//3、通过TextRange对象实现现复制:可以不用先选中内容

txtObj.createTextRange().execCommand("Copy");

2、Firefox,通过接口的方法实现,火狐是出于安全原因,在17之后版本关闭此接口,17及之前版本可用。代码如下:

var clip= Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interface.nsIClipboard);

3、Chrome出于安全,未向用户提供对剪贴板的操作。由此可见,各浏览器对复制功能的支持并不统一。

jhuckaby写的Zero Clipboard的js类库,利用Flash完成复制内容到剪贴板。只要浏览器装有Flash插件就可以复制内容,通过ActionScript屏蔽了JavaScript的不足,解决浏览器间复制兼容性问题。

Zero Clipboard的实现原理:Zero Clipboard首先生成Flash对象标签,让透明的Flash漂浮在复制按钮之上,其实点击的不是按钮而是Flash,这样将需要的内容传入Flash,再通过Flash的复制到系统剪贴板。

注意:由于是基于Flash实现,Flash出于安全,需要在Web容器(例如Apache、Tomcat)中才能运行,直接打开Flash将不会被加载,按钮类似假死现象,网上说右键Flash设置将ZeroClipboard.swf添加到受信任位置,感觉应该是行的,我试了,仍然不行,也可能是我本地浏览器的问题。

1>下载Zero Clipboard的压缩包,解压后把文件夹中两个文件:ZeroClipboard.js和ZeroClipboard.swf放入到你的项目中;

2>引入Zero Clipboard.js文件,如下代码:<script type="text/javascript" src="ZeroClipboard.js"></script>;

注意:ZeroClipboard.js与ZeroClipboard.swf需要放在同一路径下,如果不在同一路径,可使用ZeroClipboard.setMoviePath()来设置。

var clip= new ZeroClipboard.Client();//新建一个clip对象

clip.setHandCursor( true);//设置鼠标为手型

clip.setText("hello,world");//设置要复制的文本,可以为文本框的值

clip.glue("copy-botton");//为clip注册一个按钮,参数为按钮元素的id,点击按钮就可以实现复制

4>Zero Clipboard常用方法,建议直接查看源码:

reposition():防止当页面大小发生变化时,Flash按钮可能会错位问题

setCSSEffects():解决Flash遮挡按钮样式失效问题(将:hover修改为.hover)。

5>Zero Clipboard常用事件,事件处理函数为addEventListener():

二、如何在浏览器中使用UserScript

User Script,用户自定义脚本。就是用户自己定制的脚本,用来修改浏览器中特定的网页的,既可以修改网页的外观也可以修改(添加)内部的一些行为。一般以javascript的形式存在,它通过自身在脚本文件中配置的匹配规则匹配特定的一个或者一些网页。

那么问题来了,如果我写好了一个UserScript,如何在浏览器中使用呢?回答是:装插件。即安装对应浏览器的插件。下面给出链接:

据我所知,刚开始最火的应该是Firefox的附加组件Greasemonkey,后期其它浏览器相继产生其对应(兼容)功能的插件。这里不一一讲解安装。

下面,我将以接上一篇在海外使用网易云音乐,讲解如何在Chrome中安装Tampermonkey后,添加支持海外使用网页版网易云音乐的过程。

点击上面列表中的第二项,前往谷歌应用商店。我知道你也许没有我这么幸福有‘免费’的公司海外专用网络,也极有可能没花钱买VPN,当然,你如果真有「在海外使用网易云音乐」的需求,这似乎又是矛盾的。Anyway,如果你因为某些「诡异」的原因访问不了应用商店的话,给你一个workaround的方法:到这里去下载最新的Tampermonkey的crx文件,然后在chrome菜单中找到‘更多工具’->‘扩展程序’,打开该页面后,把前面下载的crx文件拖进去即安装成功。

安装成功后,Chrome地址栏的右边的插件区自然会多出来Tampermonkey的图标(黑底加两上白点),点开就是它的菜单了,如图:

脚本内容我已经放在了我的Git上: NetEaseMusicHelper你有两种方式来添加我这个脚本:

直接在上图所示的菜单中,选择添加新脚本,进入一个脚本编辑器页面。复制上面的Git项目中 netease_music_helper.user.js的内容,粘贴进去,点击左上角的保存图标保存即可。

b.浏览器直接访问.user.js结尾的文件

通过这种方式访问带.user.js结尾的网址(或地址),Tamper插件会自动识别,跳转到安装脚本文件的配置页面,默认已经将文件内容填到脚本区域了。需要注意的是,如果访问的.user.js的网址(或地址)返回的不是一个标准的纯UserScript脚本文件,而是一个网页或者别的什么东东的话,那Tamper的跳出来的就不是一个安装配置,而是文件格式不正确的报错页面了。

所以如果你在安装好Tampermonkey插件后,在Git中访问netease music helper.user.js页面时可能就会遇到上面所说的报错页面了,因为这个文件的地址也正好是netease music helper.user.js结尾,只不过后面带参数罢了。所以,你如果要通过网址来安装我这个脚本的话,这个网址是你最好的选择: ,原因是: 1.它返回的是纯user.js的内容;2.即使git更新,它返回的内容也是最新的。因为它永远拿是master分支的内容。

访问music.163.com(或刷新),这时候,你会发现右上角Tampermonkey图标已经从灰色变成亮色了。随便放几首歌,那烦人的由于版权保护,您所在的地区暂时无法使用便再也不出现了,下面的播放器像弃置已久的机器又恢复运转一样,让人顿时心旷神怡~

三、主流浏览器护眼色设置方法

1、作为长期接触电脑的互联网工作者,小编深知电脑会对身体带来哪些危害,充当其冲的就是视觉疲劳,经常感觉眼睛酸痛,严重时甚至头晕目眩。这都是由于电脑屏幕的辐射以及长时间的视觉集中造成的。眼睛是人类心灵的窗口一定要注意保护,其实我们可以通过浏览器和程序的颜色设置来保护的小窗户。小编仔细查阅了网上的一些护眼设置教程,总结出——色调:85,饱和度:123,亮度:205也就是我们熟知的豆沙绿色,是最好的护眼颜色。

2、右击“桌面”--“属性”--“外观”选项卡--高级--项目中的“窗口”--“颜色”--其他--分别设置色调:85。饱和度:123。亮度:205--添加到自定义颜色--在自定义颜色选定点确定--“应用”。

3、这个时候系统默认的颜色已经改成了豆沙绿色,平时上网浏览网页接触最多的是白色的背景色,非常刺眼,也可以把背景色也设置为豆沙绿色。

4、打开“IE浏览器”--“工具”--“Internet选项”--常规选显卡右下角的“辅助功能”--“忽略网页指定的颜色”勾选--“确定”。

5、Firefox浏览器眼睛保护色设置步骤:

6、打开Firefox,点击菜单栏的“工具”,点“选项”,选中“内容”Tab,点中“颜色”,设置背景色(或直接选中“使用系统颜色”,并去掉“允许布面选择显示颜色而无而使用上面的设置”前面的小勾,然后确定。

7、谷歌Chrome浏览器眼睛保护色设置步骤:

8、据了解,谷歌Chrome浏览器现在不支持改变网页颜色的设置,至少在网上找不到能有效改变Chome颜色设置的方法。但是可以通过Chrome扩展程序来实现改变网页颜色的功能。

9、复制下面的内容到文本文件保存文件名为color.user.js,注意后缀名是“js”。

10、   //==UserScript==

11、   //@name color

12、   //@match http://*/*

13、   //@match https://*/*

14、   //==/UserScript==

15、   document.body.innerHTML+='*{background-color:#cce8cf!important;}';

16、   var eType= new Array("td","div","table");

17、   for(var i=0;ieType.length;++i){

18、   obj= document.getElementsByTagName(eType[i]);

19、   for(var j=0;jobj.length;++j){

20、   obj[j].style.backgroundColor="#cce8cf!important";

21、只要把color.user.js文件拖往浏览器窗口或快捷方式运行就可以了,卸载的话在菜单的“工具”--“扩展程序”里就可以找到了。

22、   199;237;204

23、   色调:85;饱和度:123;亮度:205

关于谷歌浏览器js复制内容的内容到此结束,希望对大家有所帮助。

声明:信息资讯网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者东方体育日报所有。若您的权利被侵害,请联系 删除。

本文链接:http://www.gdxhedu.com/news/207509.html