Method and device for processing web page content

• US 10,019,414 B2
• Filed: 02/05/2015
• Issued: 07/10/2018
• Est. Priority Date: 06/18/2013
• Status: Active Grant

• Current Assignee: Tencent Technology Company Limited (Tencent Holdings Limited)
• Original Assignee: Tencent Technology Company Limited (Tencent Holdings Limited)
• Inventors: Xue, Jun, Wan, Li
• Primary Examiner(s): Stork, Kyle
• Application Number:
  US14/615,327
• Publication Number:
  US 20150154151A1
• Time in Patent Office: 1,251 Days
• CPC Class Codes: G06F 16/957 Browsing optimisation, e.g. caching or content distillation
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 40/106 Display of layout of documents; Previewing
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]

Abstract

An electronic device with one or more processors and memory displays a web page in a web browser and detects a user input to extract data from the web page. In response to detecting the input, the device: identifies multimedia items by analyzing source code of the web page; categorizes the multimedia items into multimedia types; and replaces the web page with displaying a user interface for the multimedia items, including: a first region with a first icon corresponding to a first plurality of multimedia items of a first multimedia type and a first set of affordances for performing operations with the first plurality of multimedia items; and a second region with a second icon corresponding to a second plurality of multimedia items of a second multimedia type and a second set of affordances for performing operations with the second plurality of multimedia items.

Claims

1. A method, comprising:

at an electronic device with one or more processors and memory;

displaying a web page in a web browser;

detecting a first user input that corresponds to extracting predefined data from the web page;

in response to detecting the first user input;

identifying multimedia items in the web page by analyzing source code of the web page, each multimedia item having an associated multimedia type;

categorizing the identified multimedia items by their corresponding multimedia types into a plurality of groups according to respective labels of the multimedia items in the source code, wherein each group is associated with a respective multimedia type and includes identified multimedia items of the respective multimedia type, and the plurality of groups includes a first group of a first plurality of multimedia items of a first multimedia type and a second group of a second plurality of multimedia items of a second multimedia type different from the first multimedia type; and

replacing the web page with displaying a user interface for the multimedia items, including;

a first region with a first icon that includes respective visual representations of the first plurality of multimedia items of the first multimedia type, and a first set of affordances for performing one or more operations with the first plurality of multimedia items, wherein the one or more operations include an operation of sharing the first plurality of multimedia items with another electronic device; and

a second region, distinct from the first region, with a second icon that includes respective visual representations of the second plurality of multimedia items of the second multimedia type, and a second set of affordances for performing one or more operations with the second plurality of multimedia items, wherein the one or more operations include an operation of sharing the second plurality of multimedia items with another electronic device;

while displaying the user interface for the multimedia items, detecting a second user input selecting one of the first set of affordances in the first region; and

in response to detecting the second user input, performing a first operation with the first plurality of multimedia items of the first multimedia type, wherein the first operation corresponds to the selected one of the first set of affordances.

2. The method of claim 1, further comprising:

while displaying the user interface for the multimedia items, detecting a third user input selecting the first icon that includes the respective visual representations of the first plurality of multimedia items in the first region of the user interface for the multimedia items; and

in response to detecting the third user input;

replacing the user interface for the multimedia items with displaying a user interface for the first plurality of multimedia items of the first media type, including;

a third region with a third icon corresponding to a first media item in the first plurality of multimedia items of the first media type and a third set of affordances for performing one or more operations with the first media item in the first plurality of multimedia items; and

a fourth region, distinct from the third region, with a fourth icon corresponding to a second media item in the first plurality of multimedia items of the first media type and a fourth set of affordances for performing one or more operations with the second media item in the first plurality of multimedia items.

3. The method of claim 1, further comprising:

while displaying the user interface for the multimedia items, detecting a swipe gesture in the first region of the user interface for the multimedia items in a first horizontal direction; and

in response to detecting the swipe gesture in the first region of the user interface for the multimedia items in the first horizontal direction;

replacing the user interface for the multimedia items with displaying a user interface for the first plurality of multimedia items of the first media type, including;

a third region with a third icon corresponding to a first media item in the first plurality of multimedia items of the first media type and a third set of affordances for performing one or more operations with the first media item in the first plurality of multimedia items; and

a fourth region, distinct from the third region, with a fourth icon corresponding to a second media item in the first plurality of multimedia items of the first media type and a fourth set of affordances for performing one or more operations with the second media item in the first plurality of multimedia items.

4. The method of claim 3, further comprising:

while displaying the user interface for the first plurality of multimedia items of the first media type, detecting a swipe gesture in a second horizontal direction opposite to the first horizontal direction; and

in response to detecting the swipe gesture in the second horizontal direction;

replacing the user interface for the first plurality of multimedia items of the first media type with re-displaying the user interface for the multimedia items.

5. The method of claim 1, further comprising:

after performing the first operation, detecting a third user input selecting one of the second set of affordances in the second region; and

in response to detecting the third user input, performing a second operation, different from the first operation, with the second plurality of multimedia items that corresponds to the selected one of the second set of affordances.

6. The method of claim 1, wherein the user interface for the multimedia items further includes a third region, distinct from the first and second regions, that includes an affordance, the method further comprising:

while displaying the user interface for the multimedia items;

detecting a third user input selecting one of the second set of affordances in the second region; and

detecting a fourth user input selecting the affordance in the third region;

wherein performing the first operation with the first plurality of multimedia items of the first multimedia type is further in response to detecting the fourth user input, and the method includes, in response to detecting the fourth user input, performing a second operation, different from the first operation, with the second plurality of multimedia items that corresponds to the selected one of the second set of affordances in the second region of the user interface for the multimedia items.

7. An electronic device, comprising:

one or more processors; and

memory storing one or more programs to be executed by the one or more processors, the one or more programs comprising instructions for;

displaying a web page in a web browser;

detecting a first user input that corresponds to extracting predefined data from the web page;

in response to detecting the first user input;

identifying multimedia items in the web page by analyzing source code of the web page, each multimedia item having an associated multimedia type;

categorizing the identified multimedia items by their corresponding multimedia types into a plurality of groups according to respective labels of the multimedia items in the source code, wherein each group is associated with a respective multimedia type and includes identified multimedia items of the respective multimedia type, and wherein the plurality of groups includes a first group of a first plurality of multimedia items of a first multimedia type and a second group of a second plurality of multimedia items of a second multimedia type different from the first multimedia type; and

replacing the web page with displaying a user interface for the multimedia items, including;

a first region with a first icon that includes respective visual representations of the first plurality of multimedia items of the first multimedia type, and a first set of affordances for performing one or more operations with the first plurality of multimedia items, wherein the one or more operations include an operation of sharing the first plurality of multimedia items with another electronic device; and

a second region, distinct from the first region, with a second icon that includes respective visual representations of the second plurality of multimedia items of the second multimedia type, and a second set of affordances for performing one or more operations with the second plurality of multimedia items, wherein the one or more operations include an operation of sharing the second plurality of multimedia items with another electronic device;

while displaying the user interface for the multimedia items, detecting a second user input selecting one of the first set of affordances in the first region; and

in response to detecting the second user input, performing a first operation with the first plurality of multimedia items of the first multimedia type, wherein the first operation corresponds to the selected one of the first set of affordances.

8. The electronic device of claim 7, wherein the one or more programs further comprise instructions for:

while displaying the user interface for the multimedia items, detecting a swipe gesture in the first region of the user interface for the multimedia items in a first horizontal direction; and

in response to detecting the swipe gesture in the first region of the user interface for the multimedia items in the first horizontal direction;

replacing the user interface for the multimedia items with displaying a user interface for the first plurality of multimedia items of the first media type, including;

a third region with a third icon corresponding to a first media item in the first plurality of multimedia items of the first media type and a third set of affordances for performing one or more operations with the first media item in the first plurality of multimedia items; and

a fourth region, distinct from the third region, with a fourth icon corresponding to a second media item in the first plurality of multimedia items of the first media type and a fourth set of affordances for performing one or more operations with the second media item in the first plurality of multimedia items.

9. The electronic device of claim 8, wherein the one or more programs further comprise instructions for:

while displaying the user interface for the first plurality of multimedia items of the first media type, detecting a swipe gesture in a second horizontal direction opposite to the first horizontal direction; and

in response to detecting the swipe gesture in the second horizontal direction;

replacing the user interface for the first plurality of multimedia items of the first media type with re-displaying the user interface for the multimedia items.

10. The electronic device of claim 7, wherein the one or more programs further comprise instructions for:

after performing the first operation, detecting a third user input selecting one of the second set of affordances in the second region; and

in response to detecting the third user input, performing a second operation, different from the first operation, with the second plurality of multimedia items that corresponds to the selected one of the second set of affordances.

11. The electronic device of claim 7, wherein the user interface for the multimedia items further includes a third region, distinct from the first and second regions, that includes an affordance, and wherein the one or more programs further comprise instructions for:

while displaying the user interface for the multimedia items;

detecting a third user input selecting one of the second set of affordances in the second region; and

detecting a fourth user input selecting the affordance in the third region;

wherein performing the first operation with the first plurality of multimedia items of the first multimedia type is further in response to detecting the fourth user input, and wherein the one or more programs further comprise instructions for, in response to detecting the fourth user input, performing a second operation, different from the first operation, with the second plurality of multimedia items that corresponds to the selected one of the second set of affordances in the second region of the user interface for the multimedia items.

12. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which, when executed by an electronic device with one or more processors, cause the electronic device to perform operations comprising:

displaying a web page in a web browser;

detecting a first user input that corresponds to extracting predefined data from the web page;

in response to detecting the first user input;

identifying multimedia items in the web page by analyzing source code of the web page, each multimedia item having an associated multimedia type;

categorizing the identified multimedia items by their corresponding multimedia types into a plurality of groups according to respective labels of the multimedia items in the source code, wherein each group is associated with a respective multimedia type and includes identified multimedia items of the respective multimedia type, and wherein the plurality of groups includes a first group of a first plurality of multimedia items of a first multimedia type and a second group of a second plurality of multimedia items of a second multimedia type different from the first multimedia type; and

replacing the web page with displaying a user interface for the multimedia items, including;

a first region with a first icon that includes respective visual representations of the first plurality of multimedia items of the first multimedia type, and a first set of affordances for performing one or more operations with the first plurality of multimedia items, wherein the one or more operations include an operation of sharing the first plurality of multimedia items with another electronic device; and

a second region, distinct from the first region, with a second icon that includes respective visual representations of the second plurality of multimedia items of the second multimedia type, and a second set of affordances for performing one or more operations with the second plurality of multimedia items, wherein the one or more operations include an operation of sharing the second plurality of multimedia items with another electronic device;

while displaying the user interface for the multimedia items, detecting a user input selecting one of the first set of affordances in the first region; and

in response to detecting the user input selecting the one of the first set of affordances in the first region, performing a first operation with the first plurality of multimedia items of the first multimedia type, wherein the first operation corresponds to the selected one of the first set of affordances.

13. The non-transitory computer readable storage medium of claim 12, wherein the instructions cause the electronic device to perform operations further comprising:

while displaying the user interface for the multimedia items, detecting a swipe gesture in the first region of the user interface for the multimedia items in a first horizontal direction; and

in response to detecting the swipe gesture in the first region of the user interface for the multimedia items in the first horizontal direction;

replacing the user interface for the multimedia items with displaying a user interface for the first plurality of multimedia items of the first media type, including;

a third region with a third icon corresponding to a first media item in the first plurality of multimedia items of the first media type and a third set of affordances for performing one or more operations with the first media item in the first plurality of multimedia items; and

a fourth region, distinct from the third region, with a fourth icon corresponding to a second media item in the first plurality of multimedia items of the first media type and a fourth set of affordances for performing one or more operations with the second media item in the first plurality of multimedia items.

14. The non-transitory computer readable storage medium of claim 13, wherein the instructions cause the electronic device to perform operations further comprising:

while displaying the user interface for the first plurality of multimedia items of the first media type, detecting a swipe gesture in a second horizontal direction opposite to the first horizontal direction; and

in response to detecting the swipe gesture in the second horizontal direction;

replacing the user interface for the first plurality of multimedia items of the first media type with re-displaying the user interface for the multimedia items.

15. The non-transitory computer readable storage medium of claim 12, wherein the instructions cause the electronic device to perform operations further comprising:

after performing the first operation, detecting a third user input selecting one of the second set of affordances in the second region; and

in response to detecting the third user input, performing a second operation, different from the first operation, with the second plurality of multimedia items that corresponds to the selected one of the second set of affordances.

16. The non-transitory computer readable storage medium of claim 12, wherein the user interface for the multimedia items further includes a third region, distinct from the first and second regions, that includes an affordance, and wherein the instructions cause the electronic device to perform operations further comprising:

while displaying the user interface for the multimedia items;

detecting a third user input selecting one of the second set of affordances in the second region; and

detecting a fourth user input selecting the affordance in the third region;

wherein performing the first operation with the first plurality of multimedia items of the first type is further in response to detecting the fourth user input, and wherein the instructions cause the electronic device to perform operations further comprising, in response to detecting the fourth user input, performing a second operation, different from the first operation, with the second plurality of multimedia items that corresponds to the selected one of the second set of affordances in the second region of the user interface for the multimedia items.