首页 > 资讯列表 > 科技资讯 >> 业界动态

涨姿势:如何选择链接中的文本

业界动态 2014-03-19 17:03:37 转载来源: 网络整理/侵权必删

AS网站目录(www.adminso.com):涨姿势:如何选择链接中的文本 我不知道你是不是有这样的疑惑,在Word里,链接是通过按住Ctrl键打开的,而在浏览器中,只要点一下链接就会被打开。那么,如果想选择一个链接内的文本该如何操作? 比如上图中被框起来的“新闻”两个字,该怎样选中它?一般的答案,应该是先选择“百度新闻”或“新闻搜索”,然后复制粘贴到需要的地方,再来根据情况掐头去尾就行了

AS网站目录(www.adminso.com):涨姿势如何选择链接中的文本

我不知道你是不是有这样的疑惑,在Word里,链接是通过按住Ctrl键打开的,而在浏览器中,只要点一下链接就会被打开。那么,如果想选择一个链接内的文本该如何操作?

比如上图中被框起来的“新闻”两个字,该怎样选中它?一般的答案,应该是先选择“百度新闻”或“新闻搜索”,然后复制粘贴到需要的地方,再来根据情况掐头去尾就行了。我相信这也是大部分人的做法。然而――

将就跟讲究,差得太多了。

参考答案

Vimperator和Vimium

这是两个功能相同的浏览器扩展,分别在Firefox和Chrome中使用。它们让浏览器操作变得像在Vim一样,具体功能可以搜索相关文章,我这里也没有必要多费口舌。具体操作方法是在使用这一扩展的时候,按键盘上的C进入光标模式,后面的操作就和在VIM里一样了,用方向键控制光标到希望的地方,然后按V开始选择,再然后按V(对应VIM)或Ctrl或Command+C来复制。

但是,这只是一个可行的方法,不是最好的方法,对于:

因不喜爱或不愿付出过量学习成本不愿使用它们的人;

・ 没有类似扩展的浏览器。

・ 有没有不用扩展就可以达到目标的方法呢?我们继续探索。

光标浏览

尽管IE一直口碑不好,但是其创新之处并不少。尼古拉斯・泽卡斯先生有一篇著名的文章《The innovations of Internet Explorer》,有兴趣可以看看。然而此君所述更多是在技术层面的创新,而没有提产品层面的创新。我无意在这里花篇幅补全“产品的创新”这一部分,只提这里用到的光标浏览。光标浏览(caret browsing)是IE 8中首创的功能,,可以通过F7键调出。官方的介绍如下:

这一功能后来被Firefox抄袭,甚至连快捷键也同样是F7。

总之,按下之后,你点击网页中有文字的地方,会看到那里出现一个竖线光标,就像Word一样。除了计算机相关从业者和爱好者外,很少有人知道,在绝大多数有图形界面的操作系统中,可以通过按下Shift键移动光标或点击鼠标来选择文字。试着去问问你开小超市的姨父或正在初三冲刺中考的表妹,我相信他们肯定会一脸疑惑。而这一小技巧则是本方法的关键之一。那么接下来怎么做也就呼之欲出了:把光标定位到链接附近,然后按住Shift移动光标直到选择完,然后选中的文字就任你处置了。遗憾的是,现在的世界第二大浏览器Chrome尚不支持这一特性,总不能为了选个文字还要切换到IE吧!那么还有什么别的招呢?

让网页可编辑

在不久的几年前,Chrome和360浏览器这两个如今的主流还尚未出世,Firefox仅在极少小众中有着良好口碑,但统治天下的是一大波IE套壳浏览器。那时候,腾讯出的浏览器还不叫QQ浏览器,而是叫做“腾讯TT”。

我至今仍觉得腾讯TT很不错,除了轻量的安装大小、清新简洁的外观、便捷够用的内置功能外,一个让我印象深刻的特点是它可以“剪切”网页中选中的文字,这一点让年轻的我震惊不已。在产品设计中的一个重要参考原则是给用户的任何操作以反馈,比如按钮按下的反馈、异步载入时等待返回请求的Loading提示。我很喜欢这种反馈,但是复制的时候却无法得到反馈。所以在我既可以剪切又可以复制的时候,我常常会选择剪切,原因是我能从中得到反馈:剪切的内容变没了。我多希望复制文字的时候也能得到一个反馈告诉我“文字已复制”,但是只有在很少数的情况才会遇到,真是“可遇而不可求”。

这和我们的问题有什么关系?言归正传,从“光标浏览”一节可以看出只要在浏览器中放置一个可移动的光标,那么选择就是很容易的事情了。在Chrome中,怎样做到,我想对熟悉web开发的读者看到本节标题心里就有谱了。是的,正是藉由HTML5种的这一个contentEditable属性,这一属性可以让腾讯TT中那一让我印象深刻的特性再现。顾名思义,这一属性用于控制网页的可编辑性。可以按尝试打开浏览器的控制台,输入命令:

document.body.contentEditable = true;再用鼠标点一下有字的地方,你会发现光标出现了!后面剩下的步骤,参考“光标浏览”的内容。只是,每次都需要这样的话,怎么也不够方便。那么自然而然会想到将其转制为一个userscript脚本,通过Grease Monkey或Tampermonkey等让它自动载入。

// ==UserScript==

// @name editable

// @namespace editable

// @description editable

// @version 1

// @author geekpark

// @include *

// @grant none

// @run-at document-end

// ==/UserScript==

;(function() {

var bind = (document.addEventListener ? document.addEventListener : (document.attachEvent ? document.attachEvent : false));

if (bind) {

var body = document.body;

bind.call(document, 'dblclick', function() {

var editable = body.contentEditable;

body.contentEditable = !(editable === 'true' || editable === true);

});

bind.call(document, 'keydown', function(e) {

if (e.which === 27 || e.keyCode === 27) {

body.contentEditable = false;

}

});

}

})();

可以将上面这个文件保存,用各种浏览器对应的方法安装为userscript。其作用是双击就可以切换是否出现光标。

至此,我所知道的途径就介绍完了。

标签: 姿势 如何 选择 链接 中的 文本


声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!

站长搜索

http://www.adminso.com

Copyright @ 2007~2024 All Rights Reserved.

Powered By 站长搜索

打开手机扫描上面的二维码打开手机版


使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

站长搜索目录系统技术支持