CN103294748A - 摘录并编辑互联网内容的方法 - Google Patents

Abstract

本发明提供了一种通过内置浏览器控件的应用程序来摘录并编辑互联网内容的方法，所述方法包括以下步骤：用户对互联网内容进行选择；将用户选择的互联网内容通知给所述应用程序；将摘录模块注入到应用程序所内置的浏览器控件中；由摘录模块获取并处理用户所选择的互联网内容；将摘录模块处理后的用户所选择的互联网内容返回给所述应用程序；所述应用程序将步骤e)中获得的内容转化成可编辑的控件进行显示。根据本发明的互联网内容摘录方法，不仅可以对文字、图片、视频等各种不同类型的多媒体内容进行便捷摘录，还可以免去传统摘录方法繁琐的步骤，使用户进行方便的选择和编辑。

Description

摘录并编辑互联网内容的方法

技术领域

本发明涉及互联网技术，特别涉及用于将互联网上的内容摘录并进行编辑的方法。

背景技术

采用触摸屏技术的计算机和移动电子设备，诸如移动电话、平板电脑、移动媒体播放器等，已经在人们日常生活中越来越流行使用。相比传统的通过键盘或鼠标等指向装置与电子设备进行交互的方式，触摸屏的优点在于更便捷且直观，用户可以通过手指而不用借助另外的工具直接实现点击、拖动、手势操作等交互方式。

用户借助计算机和移动电子设备浏览网页时，可获取大量的信息和内容。这些互联网内容例如包括文字、图片和视频等等。当用户发现对某些内容感兴趣时，有时会希望将这些内容摘录下来进行收藏，不仅可以方便用户日后的重复阅读，也可以便于用户在无法联网的情况下离线浏览。有的用户更喜欢将感兴趣的内容归类编辑，以类似传统剪报的方式，制作自己的多媒体文摘。

对于诸如文字、图片和视频的互联网内容，在现有技术中，用户会采取不同的处理方式进行摘录，以平板电脑为例，摘录文字的过程包括以下步骤：

1.用户打开浏览器，输入网址打开所感兴趣的网页；

2.寻找到需要摘录的文字，使用系统提供的文字选择功能对其进行选择。例如，用户点击触摸屏进行长按操作，选中某些文字，再以拖动的方式节选出用户想要摘录的文字；

3.点击菜单中的“复制”按钮将文字复制到剪贴板；

4.退出浏览器，打开需要放置文字的应用（如系统自带的备忘录或写字板等等），将文字粘贴到相应位置。

当用户摘录图片内容时，其过程包括以下的步骤：

1.打开浏览器，输入网址打开网页；

2.寻找需要摘录的图片，长按图片；

3.点击菜单中的选项，例如“存储图像”，将图片存入系统相册；

4.退出浏览器，打开需要放置图片的应用（例如邮件）；

5.选择插入图片，从系统相册中选择刚刚保存的图片。

当用户摘录视频内容时，在通常情况下用户只能将视频所在网页的链接进行复制，而无法像抓取图片一样直接把视频抓取下来，仅抓取视频链接地址的过程包含以下的步骤：

1.打开浏览器，输入网址打开包含视频的网页；

2.长按地址栏，全选网页地址；

3.选择“复制”，将网页地址复制到剪贴板；

4.退出浏览器，打开需要放置视频的应用（例如电子邮件），将网页地址粘贴到应用中。

可以看出，上面举例说明的使用传统技术用户摘录互联网信息的时候需要在不同的应用之间进行切换，在搜索内容的时候需要打开浏览器，粘贴内容的时候需要退出浏览器并打开相应的应用，操作过程比较繁琐，用户体验较差。另外，传统的方法用户只能直观地抓取文字或者图片，而无法直观地抓取视频等其他多媒体格式的文件，为用户在进行后面的编辑工作时（例如自己制作剪报或者电子文摘等等）可以利用的资源单一，使编辑工作受到较大局限性。

因此，需要一种更为简便快捷的互联网内容摘录方法，不仅可以对文字、图片、视频等各种不同类型的多媒体内容进行便捷摘录，还可以免去传统摘录方法繁琐的步骤，使用户进行方便的选择和编辑。

发明内容

本发明的目的在于提供一种可以更加方便得从浏览器中提取用户需要的内容的方法。根据本发明，提供了一种通过内置浏览器控件的应用程序来摘录并编辑互联网内容的方法，所述方法包括以下步骤：a)用户对互联网内容进行选择；b)将用户选择的互联网内容通知给所述应用程序；c)将摘录模块的逻辑注入到应用程序所内置的浏览器控件中；d)由摘录模块获取并处理用户所选择的互联网内容；e)将摘录模块处理后的用户所选择的互联网内容返回给所述应用程序；f)所述应用程序将步骤e)中获得的内容转化成可编辑的控件进行显示。

优选地，所述互联网内容选自文字、图片、音频、视频、微博中的一个或多个。

优选地，所述步骤c)是通过脚本注入的方式实现的。

优选地，当所述互联网内容为图片、音频、视频或微博时，所述步骤b)记录用户选择内容的位置坐标。

优选地，当所述互联网内容为文字时，所述步骤d)包括将用户选择的文字转化为字符串。

优选地，当所述互联网内容为图片、音频、视频或微博时，所述步骤d)还包括判断用户所选内容的类型以及获取所选内容的源地址。

优选地，所述可编辑的控件为文字控件、图片控件或视频控件。

优选地，所述编辑选自文字编辑、插入表情符号、画笔、剪切、橡皮、插入文件、保存、发送邮件、分享中的至少一种。

优选地，所述应用程序在iOS或Android操作系统下实现。

优选地，所述应用程序运行在具有触摸显示屏的移动电子设备上。

应当理解，前述大体的描述和后续详尽的描述均为示例性说明和解释，并不应当用作对本发明所要求保护内容的限制。

附图说明

参考随附的附图，本发明更多的目的、功能和优点将通过本发明实施方式的如下描述得以阐明，其中：

图1a和图1b示出了根据本发明实施例的摘录互联网内容的应用程序的示例性用户界面。

图2示出了根据本发明的可以实现摘录互联网内容功能的应用程序在摘录文字时的方法。

图3示出了根据本发明的摘录互联网内容的应用程序在摘录图片、音频或视频内容时的方法。

具体实施方式

通过参考示范性实施例，本发明的目的和功能以及用于实现这些目的和功能的方法将得以阐明。然而，本发明并不受限于以下所公开的示范性实施例；可以通过不同形式来对其加以实现。说明书的实质仅仅是帮助相关领域技术人员综合理解本发明的具体细节。

图1a和图1b示出了根据本发明实施例的摘录互联网内容的应用程序的示例性用户界面。其中图1a示出了内容浏览页面100a的示例性界面，图1b示出了摘录编辑页面100b的示例性界面。根据本发明的摘录应用程序可安装在具有显示屏的移动电子设备上。该移动电子设备可以是智能手机（如苹果iPhone手机、Android系统手机、windows phone手机等等）、平板电脑（如iPad）、笔记本电脑或其他具有计算功能的移动电子终端。该显示屏可以是触摸屏，优选地，该触摸屏支持多点触控。在本发明中，用户点击按钮或图标可以意味着用户借助对象触摸移动电子终端的屏幕上的用户界面中的图标，然后快速松开该接触。该对象可以是任意物理对象，包括但不限于触屏笔或用户肢体的一部分，例如用户的手指。

内容浏览页面100a可以包括编辑区域110、摘录按钮120、互联网内容选择区域130、互联网内容显示区域140。

根据本发明的实施例，编辑区域110包含多个编辑选项，包括但不限于文字编辑（例如文字字体选择、颜色选择、字号大小选择等等）、插入表情符号、画笔、剪切、橡皮、插入文件（例如图片、本地视频、录音、本地音频等等）、保存、发送邮件、分享（例如分享到其他网站、电子邮件分享、微博分享等等）等等，以便在摘录页面中供用户选择对其摘录的内容进行进一步的编辑。

摘录按钮120用于使用户在如图1a所示的内容浏览页面100a和如图1b所示的摘录编辑页面100b之间进行切换。互联网内容选择区域130用于使用户在多种互联网内容呈现方式下进行切换，例如用户可以点击浏览器按钮，在互联网内容显示区域140中则呈现浏览器；用户可以点击微博按钮，则在互联网内容显示区域140中呈现微博的页面等等。互联网内容选择区域130为开发者提供了多种内容接口，可根据用户的需求进行定制和添加。

互联网内容显示区域140中用于呈现互联网内容。图1a中以浏览器的网页内容为例呈现了互联网内容显示区域140的一个示例。示例性地，互联网内容显示区域140包括网址导航栏1401、文字内容1402、图片内容1403和音/视频内容1404。

当用户浏览互联网内容并发现感兴趣的文字、图片或音/视频等多媒体内容时，通过长按选中的内容即可呼出摘录菜单。图1a中以摘录文字和图片为例示出了摘录菜单的界面。当用户对文字内容1402感兴趣想要摘录时，用户选择他所感兴趣的文字部分，选择结束后，软件会自动呼出文字摘录菜单1405，为用户提供“拷贝”和“摘录”两个选项。用户通过选择“摘录”选项，即可完成对该文字内容1402的摘录。当用户对图片内容1403感兴趣想要摘录时，用户长按住该图片，此时弹出图片摘录菜单1406，显示“摘录图片”选项和“取消”选项，用户通过选择“摘录图片”选项，即可完成对该图片内容1403的摘录。类似地，当用户对音/视频内容1404感兴趣想要摘录时，用户长按住该音/视频文件，此时弹出音/视频摘录菜单1407，显示“摘录音/视频”选项和“取消”选项，用户通过选择“摘录音/视频”选项，即可完成对该音/视频内容1404的摘录。本领域技术人员可以理解的是，这里显示的文字摘录菜单、图片摘录菜单和音/视频摘录菜单的菜单选项设置仅仅是示例性的，开发人员可以根据用户的实际需求定制这些菜单选项。

图1b示出了根据本发明的摘录互联网内容应用程序的摘录编辑页面100b。该摘录编辑页面100b可以在用户启动该摘要应用程序时直接进入，或是通过界面中的摘录按钮120进行切换，还可以在用户浏览互联网内容时通过点击摘录按钮来自动切换进入。

如图1b所示的摘录编辑页面100b可以包括编辑区域110、摘录按钮120和摘录内容编辑区域150。图1b示意性地示出了已经由用户摘录好的摘录文字内容1501、摘录图片内容1502和摘录音/视频内容1503。在该摘录编辑页面100b中，用户可以借助编辑区域110中的各个选项对摘录文字内容1501、摘录图片内容1502和摘录音/视频内容1503进行任意编辑，例如，改变摘录文字内容1501的字体、字号、颜色、排列方式等等，对摘录图片内容1502进行放大、缩小、旋转等操作，对摘录音/视频内容1503进行位置调整等等。对于支持多点触控功能的显示屏，用户还可以直接通过手势操作来对上述摘录文字内容1501、摘录图片内容1502和摘录音/视频内容1503直接进行操作。

如图1a和图1b所示的根据本发明的应用程序包含摘录模块以及内置的诸如浏览器、微博客户端等的网页浏览控件，其作为一单独的摘录应用程序用于实现图1a和图1b所示的摘录文字、图片和音/视频内容的功能。可替换地，摘录模块本身还可以以模块的方式嵌入到带有嵌入式浏览器的其他应用程序中，例如微博客户端、RSS阅读器客户端等等。因此本发明中涉及的应用程序不仅包含专用的摘录网页内容的应用程序，还包括嵌入根据本发明的摘录模块的第三方应用程序。

摘录文字内容的方法

图2示出了根据本发明的可以实现摘录互联网内容功能的应用程序在摘录文字时的方法。根据本发明的实现摘录功能的应用程序包含为用户提供互联网内容的嵌入式浏览器和实现摘录功能的摘录模块。根据本发明的应用程序优选在支持iOS或者Android操作系统的移动设备上实现，在支持iOS或者Android系统的移动电子设备上，用户都可以对网页文字进行选择，不需要应用程序进行任何干预。

如图所示，在步骤S210中，用户在浏览器的网页中进行文字选择。

在用户选择结束以后，在步骤S220中，操作系统会通过回调的方式通知应用程序用户所做的选择，应用程序收到回调以后进行后续处理。

在步骤S230中，摘录模块在收到用户选择文字的回调以后，首先通过脚本注入的方式将摘录模块的程序逻辑注入到操作系统的浏览器控件中。例如，在支持iOS或者Android操作系统下浏览器控件是WEBView控件。具体地，例如在iOS系统下，调用WebView的stringByEvaluatingJavaScriptFromString方法；在Android系统下，调用WebView的addJavascriptInterface方法。

接着，在步骤S240中，摘录模块获取用户在网页中选择的文字数据。具体地，可以例如通过调用window.getSelection()方法来取得用户在网页中选择的文字数据。

在步骤S250中，摘录模块将获取的文字数据转化为字符串的形式。具体地，例如可以通过调用window.getSelection().toString()来将文字数据转换成字符串形式。

在步骤S260中，摘录模块将所转换得到的字符串形式的数据返回给应用程序。

在步骤S270中，应用程序取得字符串以后将文字组织成文本控件进行显示，该文本控件可供用户进行后续的编辑操作。

在实现文字摘录的上述方法中，如图1a所示的摘录按钮可以是自定义的，并通过调用操作系统的SDK接口将该按钮集成到系统提供的菜单中。在摘录时，还可以根据用户默认设置的字号和颜色将摘录下来的文字格式化成相应的样式，然后插入文字控件，以便用户进行后续的编辑操作。

摘录图片或音/视频内容的方法

图3示出了根据本发明的摘录互联网内容的应用程序在摘录图片、音频或视频内容时的方法。用户在浏览器的网页中进行图片或视频、音频的选择。和选择文字的方式不同的是，图片或音/视频的选择可支持用户长按该图片或音/视频文件的任何一处位置来实现。

如图3所示，在步骤S310中，用户长按图片或音/视频内容的某个位置，操作系统将用户点击的坐标点信息传递给应用程序，形式为坐标数据对（x,y）；

在步骤S320中，应用程序取得坐标点以后通过脚本注入的方式将摘录模块的程序逻辑注入到操作系统的浏览器控件中。例如，在支持iOS或者Android操作系统下浏览器控件是WEBView控件。具体地，例如在iOS系统下，调用WebView的stringByEvaluatingJavaScriptFromString方法；在Android系统下：调用WebView的addJavascriptInterface方法。

在步骤S330中，将坐标点传递给已注入的摘录模块的程序逻辑，方法和步骤S320相同，只是调用的时候需要传递坐标值(x,y)，并且调用之后需要对返回值进行处理。

在步骤S340中，根据坐标值(x,y)判断用户所选取的内容类型，即，是图片内容还是音频内容或视频内容，并获取内容的源地址。具体的流程如下：

a.通过坐标点(x,y)，调用document.elementFromPoint(x,y)方法取得该坐标点以下的DOM Node，该Node是所有得到匹配的Node当中层次最深的一个；

b.通过该Node进行内容分析，判断是属于什么类型的数据，例如含有“VIDEO”标签的DOM Node通常是视频内容，含有“img”标签的通常是图片类型。判断出类型以后，根据该类型对应的DOM结构解析出其中的数据源地址（src）。例如“img”标签的数据源为“src”属性，“video”标签结构需要遍历该标签下所有的子节点，取得子节点下名为“src”节点的值，该值即为“video”标签的源地址。

在步骤S350中，在取得内容的源地址以后，摘录模块会将源地址以及其他一些附加信息（例如视频标题等）返回给应用程序。

在步骤S360中，应用程序会根据内容的源地址（src）以及附加的标题，将信息组织控件方式展示在屏幕上。不同的信息显示的方式也不一样，例如，视频内容会显示视频控件，包括视频的标题，原链接以及视频播放器，用户可以点击播放按钮直接播放在线视频。而图片内容会显示图片控件，用户可以通过手势操作放大，缩小，旋转图片。

摘录文字、图片或音/视频组合内容的方法

根据本发明的对互联网内容进行摘录的应用程序，不仅可以对浏览器中的文字、图片、音/视频内容进行单独摘录，还可以对文字、图片或音/视频等内容的组合进行摘录，例如微博、博客、论坛文章等等。

根据本发明，在对例如微博的文字、图片或音/视频的组合内容进行摘录时，将该组合内容转化为图片控件的格式呈现给用户从而使用户进行后续的编辑。

下面以微博为例详述对上述这种组合进行摘录的方法。当用户打开微博浏览界面（类似新浪微博客户端），用户可以滚动自己的微博内容，对需要摘录的微博，用户可以长按该条微博以生成用户选择的坐标位置(x,y)，然后系统将用户选择的坐标位置(x,y)传递给已注入到微博客户端程序中的摘录模块，摘录模块会根据用户选择的坐标位置(x,y)来判断用户选中的是哪一条微博，并将该微博区域返回给应用程序。接着应用程序通过该微博区域的信息，调用系统截屏程序。系统将截取的内容以图片形式返回给应用程序。应用程序将图片显示为图片控件，图片为整条微博的内容，用户可以进行后续操作，例如摆放位置，放大缩小旋转等。

在带有嵌入式浏览器的其他应用程序中的应用

根据本发明的摘录应用程序可以对浏览器端呈现的上述内容组合进行摘录，也可以应用在带有嵌入式浏览器的其他应用程序中，例如记事本应用、微博客户端、RSS阅读器客户端等等。在其他应用中使用嵌入式浏览器，用户不需要退出应用就可以浏览互联网内容并寻找需要摘录的内容。

根据本发明的摘录应用程序可以调用操作系统（例如iOS或Andriod）提供的SDK接口，打开嵌入式浏览器，用户可以通过该嵌入式浏览互联网，寻找需要摘录的内容。摘录应用程序通过和该嵌入式浏览器的交互来定位用户的选择，并将用户选择的内容提取出浏览器。摘录模块将提取出的内容以特定的格式返回给应用程序，应用程序进行后续处理。

发明的有益效果

根据本发明的摘录互联网内容的方法，可以方便地通过用户点击的位置和与内嵌浏览器交互截取用户想要摘录的内容，并将这些内容以可编辑的方式呈现给用户。在用户选择不同类型的内容时，摘录程序可根据用户点击内容弹出不同的定制菜单，以便用户选择最适合的操作，例如对于视频内容会弹出“摘录视频”菜单，对于图片会弹出“摘录图片”菜单，用户体验较好。

相比于传统技术进行互联网内容的摘录，根据本发明的摘录方法的优点在于：

1.用户无需在浏览器和其他应用之间来回切换以便进行内容的复制和粘贴，用户操作更为连贯和便捷；

2.用户选择的内容可以快速摘录到指定位置，免去了以往需要进行的繁琐操作步骤；

3.用户选择的内容可以被摘录程序智能识别，从而形成相应的操作，使用户更方便快捷的摘录互联网内容。

结合这里披露的本发明的说明和实践，本发明的其他实施例对于本领域技术人员都是显而易见的。说明和实施例仅被认为是示例性的，本发明的真正范围和主旨均由权利要求所限定。

Claims (10)

1.一种通过内置浏览器控件的应用程序来摘录并编辑互联网内容的方法，所述方法包括以下步骤：

a)用户对互联网内容进行选择；

b)将用户选择的互联网内容通知给所述应用程序；

c)将摘录模块的逻辑注入到应用程序所内置的浏览器控件中；

d)由摘录模块获取并处理用户所选择的互联网内容；

e)将摘录模块处理后的用户所选择的互联网内容返回给所述应用程序；

f)所述应用程序将步骤e)中获得的内容转化成可编辑的控件进行显示。

2.如权利要求1所述的方法，其中所述互联网内容选自文字、图片、音频、视频、微博中的一个或多个。

3.如权利要求1所述的方法，其中所述步骤c)是通过脚本注入的方式实现的。

4.如权利要求2所述的方法，其中当所述互联网内容为图片、音频、视频或微博时，所述步骤b)记录用户选择内容的位置坐标。

5.如权利要求2所述的方法，其中当所述互联网内容为文字时，所述步骤d)包括将用户选择的文字转化为字符串。

6.如权利要求2所述的方法，其中当所述互联网内容为图片、音频、视频或微博时，所述步骤d)还包括判断用户所选内容的类型以及获取所选内容的源地址。

7.如权利要求1所述的方法，其中所述可编辑的控件为文字控件、图片控件或视频控件。

8.如权利要求1所述的方法，其中所述编辑选自文字编辑、插入表情符号、画笔、剪切、橡皮、插入文件、保存、发送邮件、分享中的至少一种。

9.如权利要求1所述的方法，其中所述应用程序在iOS或Android操作系统下实现。

10.如权利要求1或9所述的方法，其中所述应用程序运行在具有触摸显示屏的移动电子设备上。

Images