WO2018025316A1 - ページ表示プログラム、ページ表示装置、及びページ表示方法 - Google Patents

ページ表示プログラム、ページ表示装置、及びページ表示方法 Download PDF

Info

Publication number
WO2018025316A1
WO2018025316A1 PCT/JP2016/072567 JP2016072567W WO2018025316A1 WO 2018025316 A1 WO2018025316 A1 WO 2018025316A1 JP 2016072567 W JP2016072567 W JP 2016072567W WO 2018025316 A1 WO2018025316 A1 WO 2018025316A1
Authority
WO
WIPO (PCT)
Prior art keywords
content
display
page
scroll
screen
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/JP2016/072567
Other languages
English (en)
French (fr)
Inventor
▲高▼杉綾
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fujitsu Ltd
Original Assignee
Fujitsu Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Fujitsu Ltd filed Critical Fujitsu Ltd
Priority to PCT/JP2016/072567 priority Critical patent/WO2018025316A1/ja
Priority to JP2018531004A priority patent/JP6721049B2/ja
Publication of WO2018025316A1 publication Critical patent/WO2018025316A1/ja
Priority to US16/262,090 priority patent/US20190163338A1/en
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Definitions

  • the present invention relates to a page display program, a page display device, and a page display method.
  • FIG. 1 shows an example of the display screen of such a portable terminal device.
  • the user when the content 101 included in the web page displayed on the screen is scrolled up and down, the user performs a scroll operation of sliding the screen up and down with the finger 102 as indicated by the arrow 103. Thereby, the user can browse information such as desired text and images included in the content 101.
  • Such a problem is not limited to the scroll operation in the portable terminal device, but also occurs when the scroll operation is performed in another information processing apparatus such as a desktop personal computer (PC).
  • PC desktop personal computer
  • an object of the present invention is to enable efficient use of a display target page and content when scrollable content is included in the display target page.
  • the page display program causes the computer to execute the following processing.
  • the computer includes a scroll function in which the content included in the display target page receives a scroll operation for the content, and the width or height of the display area of the content or the width of the content relative to the screen displaying the display target page or If the height ratio is in a predetermined state, the scroll function is disabled.
  • the computer displays the display target page on the screen in a state where the operation request for the content is received.
  • the display target page and the content can be efficiently used.
  • FIG. 2 shows an example of content embedded in a web page. It is assumed that the map content 202 is embedded in the scrollable web page 201 and the user wants to scroll through the web page 201 and browse other information in the web page 201. At this time, if the user's finger 102 accidentally touches the map content 202 and scrolls the map content 202 in the direction indicated by the arrow 211, the map content 202 is scrolled as indicated by the arrow 212, and the web page 201 is Does not scroll.
  • FIG. 3 shows an example of the scroll operation for the web page 201 of FIG.
  • the entire web page 201 including the map content 202 is scrolled upward, and the lower information in the web page 201 is displayed on the screen.
  • the size of the map content 202 occupies most of the screen, it is difficult to scroll the web page 201.
  • FIG. 4 shows an example of a display screen in which a scroll bar is added to the web page 201 of FIG.
  • the scroll bar 401 is added to the web page 201, the user can use the scroll bar 401 to scroll the entire web page 201 up and down.
  • the scroll bar 401 has an elongated shape, it is desirable that the scroll bar 401 is carefully operated on the screen of the mobile terminal device, and a smooth scroll operation is not always realized.
  • the scroll bar 401 is enlarged and displayed.
  • the screen size of the mobile terminal device is limited, when the scroll bar 401 is enlarged and displayed, the display area of the web page 201 becomes narrow and the web page 201 and the map content 202 are difficult to see. Thus, it is difficult to achieve both the scroll operation for the web page 201 and the maximum display of the map content 202.
  • a method of adding a trigger based on the following measurement to the browser can be considered.
  • A Pressure measurement When the user strongly presses the map content 202 in the web page 201, a scroll operation is performed on the map content 202, and when the user presses the map content 202 weakly, a scroll operation is performed on the web page 201.
  • B Acceleration measurement When the user slides the map content 202 in the web page 201 quickly, a scroll operation is performed on the map content 202. When the user slides the map content 202 slowly, the scroll operation on the web page 201 is performed. Done.
  • C Movement amount measurement When the user slides the map content 202 in the web page 201 greatly, a scroll operation is performed on the map content 202. When the user slides the map content 202 small, the scroll operation on the web page 201 is performed. Done.
  • FIG. 5 shows an example of a display screen in which a non-display button is added to the map content 202 of FIG.
  • the browser changes the map content 202 to a non-display state. Thereby, the user can scroll the web page 201 smoothly.
  • the non-display button 501 when the non-display button 501 is arranged in the map content 202, a part of the map content 202 is hidden. Furthermore, in the case of a mobile terminal device, there is no room for arranging the non-display button 501 on the browser toolbar, and the arrangement of the non-display button 501 in the menu displayed by the menu button complicates the selection operation.
  • FIG. 6 shows an example of a display screen in which the size of the map content 202 in FIG. 2 is limited.
  • the browser restricts the size of the map content 202 to a predetermined size or less and displays the map content 202 in a small size, so that the operable area of the web page 201 is widened. For this reason, the scroll operation with respect to the web page 201 becomes easy.
  • the map content 202 is displayed in a small size, the visibility and operability of the map content 202 are reduced, and the use thereof is restricted.
  • a part of another content in the web page 201 is displayed in an area freed by reducing the map content 202 and the layout of the entire web page 201 is destroyed.
  • these contents are displayed side by side, and the operability of the scroll operation on the web page 201 may not be changed after all.
  • FIG. 7 shows a functional configuration example of the page display device of the embodiment.
  • the page display device 701 in FIG. 2 includes a processing unit 711 and a display unit 712.
  • FIG. 8 is a flowchart showing an example of page display processing performed by the page display device 701 in FIG.
  • the processing unit 711 includes a scroll function in which the content included in the display target page receives a scroll operation for the content, and the width or height of the display area of the content or the width of the content with respect to the screen displaying the display target page Alternatively, if the height ratio is in a predetermined state, the scroll function is invalidated (step 801). Then, the display unit 712 displays the display target page on the screen in a state where the operation request for the content is received (step 802).
  • a page display device 701 when a scrollable content is included in the display target page, the display target page and the content can be efficiently used.
  • FIG. 9 shows a specific example of the page display device 701 in FIG.
  • the page display device 701 in FIG. 9 includes a processing unit 711, a display unit 712, a communication unit 901, and a storage unit 902.
  • the storage unit 902 stores an HTML browser 911 and HTML content 412.
  • the page display device 701 may be a mobile terminal device such as a smartphone, a tablet, or a car navigation device, or may be a desktop PC or the like.
  • the processing unit 711 requests the HTML content 912 from an external server via the communication network by executing the HTML browser 911.
  • the communication unit 901 receives the HTML content 912 from an external server via the communication network, and stores the received HTML content 912 in the storage unit 902. Then, the processing unit 711 executes the HTML browser 911, analyzes the HTML content 912, converts it into Document Object Model (DOM) information, and visualizes the HTML content 912 based on the DOM information.
  • DOM Document Object Model
  • HTML content 912 is scrollable content representing a display target page, and HTML content 912 includes another scrollable content.
  • the HTML content 912 and the content included therein include a scroll function for receiving a scroll operation.
  • scrollable content included in the HTML content 912 may be referred to as internal content.
  • the processing unit 711 invalidates the operation event for the internal content having a size that prevents the scroll operation for the HTML content 912 by executing the HTML browser 911. Thereby, the operation function including the scroll function of the internal content is invalidated. Then, the display unit 712 displays the display target page on the screen in a state of accepting an operation request for the internal content.
  • FIG. 10 shows an example of an operation for displaying the map content 202 on another page when the web page 201 and the map content 202 of FIG. 2 are the display target page and the internal content, respectively.
  • the processing unit 711 invalidates the operation event for the map content 202.
  • the predetermined size is a size that prevents a scroll operation on the web page 201 that is a display target page.
  • the operation event for the map content 202 is invalidated, even if the user touches the map content 202 and scrolls, the map content 202 is not scrolled. Therefore, even if the size of the map content 202 occupies most of the screen, the user can easily perform a scroll operation on the web page 201.
  • the processing unit 711 displays the map content 202 on a page different from the web page 201 as shown in the screen 1002. Then, the processing unit 711 validates an operation event for the map content 202 on the screen 1002. Thereby, the user can perform a scroll operation on the map content 202 on another page.
  • the operation request for the map content 202 on the screen 1001 may be a touch operation such as a tap, a double tap, and a long press, for example.
  • FIG. 11 shows an example of an operation of scrolling the map content 202 on the screen 1002 of FIG.
  • the processing unit 711 receives a scroll operation for scrolling the map content 202 in the direction indicated by the arrow 1103 on the screen 1002, as illustrated in the screen 1101, the processing unit 711 scrolls the map content 202 to display the scrolled map content 1104. Is displayed.
  • the processing unit 711 can determine whether the size of the internal content is a size that hinders the scroll operation on the HTML content 912 based on the width, height, area, or the like of the display area of the internal content. .
  • the processing unit 711 can also determine whether the size of the internal content is a size that hinders the scroll operation on the HTML content 912 based on the ratio of the size of the internal content to the size of the screen.
  • FIG. 12 shows an example of the size of the screen and internal content.
  • FIG. 12A shows a case where the screen of the display unit 712 is a vertically long rectangle.
  • the width and height of the screen are w and h, respectively, and the width and height of the display area of the internal content 1201 are x and y, respectively. Size information indicating x and y is described in the HTML content 912.
  • FIG. 12B shows a case where the screen is a horizontally long rectangle.
  • the width and height of the screen are w and h, respectively, and the width and height of the display area of the internal content 1202 are x and y, respectively.
  • the display area of the internal content 1202 does not fit within the screen, only a part of the internal content 1202 is displayed on the screen.
  • the processing unit 711 can determine that the size of the internal content is a size that hinders the scroll operation on the HTML content 912 when x and y satisfy any of the following conditions.
  • (C2) y is larger than a predetermined value.
  • (C3) x ⁇ y is larger than a predetermined value.
  • (C4) The ratio of x to w is greater than a predetermined value.
  • C5 The ratio of y to h is greater than a predetermined value.
  • C6 The ratio of x ⁇ y to w ⁇ h is larger than a predetermined value.
  • the condition (c6) when the condition (c6) is applied with the predetermined value being 40%, the ratio of the area of the internal content 1201 to the area of the screen in FIG. 12A is equal to or less than the predetermined value. Therefore, it is determined that the size of the internal content 1201 does not hinder the scroll operation for the HTML content 912.
  • the ratio of the area of the internal content 1202 to the area of the screen in FIG. 12B is larger than a predetermined value. Therefore, it is determined that the size of the internal content 1202 hinders the scroll operation for the HTML content 912.
  • the predetermined values in the conditions (c1) to (c6) may be set by the user, or may be set by the processing unit 711 by a predetermined algorithm.
  • the processing unit 711 determines whether the changed size is a size that prevents a scroll operation on the HTML content 912 each time the size is changed.
  • FIG. 13 is a flowchart showing a specific example of the page display process performed by the page display device 701 in FIG.
  • the processing unit 711 performs the page display process of FIG. 13 by executing the HTML browser 911.
  • the processing unit 711 displays the HTML content 912 as a display target page on the screen (step 1301), and determines whether or not to perform a DOM operation using a script described in the HTML content 912 (step 1302).
  • the script is described in, for example, an object-oriented script language, and the processing unit 711 can update the display information of the elements included in the DOM information by interpreting and executing the script.
  • the element included in the DOM information represents the internal content
  • the position and size of the internal content in the display target page may be changed by updating the display information.
  • the script may be JavaScript (registered trademark).
  • the processing unit 711 When performing the DOM operation by the script (step 1302, YES), the processing unit 711 updates the DOM information according to the script (step 1303). Then, the processing unit 711 analyzes the HTML content 912 and checks whether or not scrollable internal content is included (step 1304). For example, the processing unit 711 can determine that the scrollable internal content is included in the following cases.
  • P In the HTML content 912, an “iframe” tag indicating an inline frame of the internal content exists.
  • the HTML content 912 there is an internal content tag with a description such as “overflow: scroll” indicating the setting of scroll bar display.
  • the processing unit 711 checks whether the internal content prevents a scroll operation on the HTML content 912 (step 1305). At this time, the processing unit 711 checks whether the internal content prevents the scroll operation on the HTML content 912 using any of the conditions (c1) to (c6).
  • the processing unit 711 invalidates the operation event for the internal content (step 1306).
  • the processing unit 711 performs the processing after step 1304.
  • the processing unit 711 ends the processing. If the internal content does not hinder the scroll operation on the HTML content 912 (step 1305, NO), the processing unit 711 ends the process.
  • FIG. 14 is a flowchart of the first operation event invalidation process in step 1306 of FIG.
  • the processing unit 711 generates a snapshot image of the internal content displayed in the HTML content 912 (Step 1401).
  • the processing unit 711 converts the internal content into a snapshot image on the screen, and displays the snapshot image in a state of accepting an operation request for the internal content (step 1402).
  • the processing unit 711 checks whether or not an operation request for internal content has been received from the user (step 1403).
  • the processing unit 711 displays the internal content on another page with the operation event enabled (step 1404). Thereby, the user can perform a scroll operation on the internal content on another page.
  • the processing unit 711 checks whether or not an operation for returning to the display of the HTML content 912 has been received from the user (step 1405).
  • the processing unit 711 newly generates a snapshot image of the displayed internal content (step 1406).
  • the processing unit 711 displays the original HTML content 912 displayed before displaying another page on the screen (step 1407). Then, the processing unit 711 converts the internal content in the HTML content 912 into a newly generated snapshot image (step 1408). When a scroll operation is performed on the internal content on another page, the internal content after scrolling is displayed in the original HTML content 912.
  • step 1403 When the operation request for the internal content is not received (step 1403, NO), or when the operation for returning to the display of the HTML content 912 is not received (step 1405, NO), the processing unit 711 ends the process.
  • FIG. 15 shows the first conversion process when the “iframe” tag of the internal content exists in the HTML content 912.
  • menu In the html screen 1501, menuLunch. An html inline frame 1502 is displayed. menu. There is an “iframe” tag in html, and the width and height in the “iframe” tag are size information indicating the width and height of the inline frame 1502, respectively.
  • step 1401 the processing unit 711 generates a snapshot image 1503 of the inline frame 1502.
  • step 1402 the processing unit 711 causes the menu.
  • the inline frame 1502 in the screen 1501 is converted into a snapshot image 1503 by converting the “iframe” tag in html into a “canvas” tag.
  • the processing unit 711 adds an “a href” tag that defines an operation when an operation request for the snapshot image 1503 is received.
  • a href tag As the Uniform Resource Locator (URL) of the link destination in the “a href” tag, menuLunch. html is specified.
  • the processing unit 711 receives an operation request for the snapshot image 1503, the menuLunch.
  • the html can be displayed on another page 1504.
  • FIG. 16 shows a first conversion process in the case where the HTML content 912 has an internal content tag indicating the scroll bar display setting.
  • menu In this example, menu.
  • the width and height in the “div” tag are size information indicating the width and height of the internal content, respectively.
  • the processing unit 711 receives an operation request for a snapshot image, the menuLunch. Another page representing html can be generated and displayed.
  • the scroll operation on the HTML content 912 can be invalidated by converting the internal content in the HTML content 912 into a snapshot image.
  • the HTML content 912 can be displayed without hindering the use of the internal content.
  • FIG. 17 is a flowchart of the second operation event invalidation process in step 1306 of FIG.
  • the processing unit 711 changes the HTML browser 911 so as to ignore the operation event for the internal content included in the HTML content 912 (step 1701).
  • the processing unit 711 adds a function of accepting an operation request for internal content to the HTML browser 911 (step 1702).
  • the processing in the next steps 1703 to 1705 is the same as the processing in steps 1403 to 1405 in FIG.
  • the processing unit 711 displays the original HTML content 912 that was displayed before displaying another page on the screen (step). 1706).
  • a scroll operation is performed on the internal content on another page, the internal content after scrolling is displayed in the original HTML content 912.
  • FIG. 18 shows a second conversion process when the “iframe” tag of the internal content exists in the HTML content 912.
  • menu In this example, menu.
  • menuLunch There is an “iframe” tag for html.
  • the width and height in the “iframe” tag are size information indicating the width and height of the internal content, respectively.
  • step 1701 the processing unit 711 causes the menu. described in html, menuLunch.
  • the HTML browser 911 is changed so that an operation event (not shown) for html is ignored.
  • step 1702 the processing unit 711 causes menuLunch. A function of accepting an operation request for html is added to the HTML browser 911.
  • the processing unit 711 causes the menuLunch.
  • menuLunch When an operation request for html is received, menuLunch. Another page representing html can be generated and displayed. menuLunch.
  • the “script” tag In html, the “script” tag is used to display window. “opener” is described.
  • the processing unit 711 displays the window. by opener, menu. A reference to DOM information can be returned to html.
  • FIG. 19 shows a second conversion process when the HTML content 912 includes an internal content tag indicating the scroll bar display setting.
  • the HTML content 912 includes an internal content tag indicating the scroll bar display setting.
  • menu In this example, menu.
  • the width and height in the “div” tag are size information indicating the width and height of the internal content, respectively.
  • step 1701 the processing unit 711 causes the menu.
  • the HTML browser 911 is changed so as to ignore the operation event (not shown) for the internal content described in the html.
  • step 1702 the processing unit 711 adds a function of accepting an operation request for internal content to the HTML browser 911.
  • the processing unit 711 receives an operation request for the internal content, the menuLunch. Another page representing html can be generated and displayed.
  • the processing unit 711 is similar to the menuLunch. window.html in html. by opener, menu. A reference to DOM information can be returned to html.
  • the scroll operation for the HTML content 912 can be invalidated by changing the HTML browser 911 so as to ignore the operation event for the internal content. Further, by adding a function for accepting an operation request for the internal content to the HTML browser 911, the HTML content 912 can be displayed without hindering the use of the internal content.
  • the display screens of FIGS. 1 to 6 and FIGS. 10 to 12 are merely examples, and the display screen changes according to the content to be displayed.
  • the content to be displayed is not limited to the HTML content 912, but may be another content including internal content such as content described in eXtensible Markup Language (XML).
  • FIG. 20 shows a configuration example of an information processing device (computer) used as the page display device 701 in FIGS. 20 includes a central processing unit (CPU) 2001, a memory 2002, an input device 2003, a display device 2004, an auxiliary storage device 2005, a medium driving device 2006, and a network connection device 2007. These components are connected to each other by a bus 2008.
  • CPU central processing unit
  • the memory 2002 is a semiconductor memory such as a Read Only Memory (ROM), a Random Access Memory (RAM), or a flash memory, and stores programs and data used for page display processing.
  • ROM Read Only Memory
  • RAM Random Access Memory
  • flash memory any type of non-volatile memory
  • the memory 2002 can be used as the storage unit 902 in FIG.
  • the CPU 2001 operates as the processing unit 711 in FIGS. 7 and 9 by executing a program using the memory 2002, for example.
  • the input device 2003 is, for example, a keyboard, a pointing device, or the like, and is used for inputting instructions or information from an operator or a user.
  • a touch panel can be used as the input device 2003.
  • a display device 2004 is used for inquiring or instructing an operator or a user and outputting a processing result.
  • the processing result may be HTML content 912 or internal content.
  • the display device 2004 can be used as the display unit 712 in FIGS.
  • the auxiliary storage device 2005 is, for example, a magnetic disk device, an optical disk device, a magneto-optical disk device, a tape device, or the like.
  • the auxiliary storage device 2005 may be a hard disk drive or a flash memory.
  • a flash memory can be used as the auxiliary storage device 2005.
  • the information processing apparatus can store programs and data in the auxiliary storage device 2005 and load them into the memory 2002 for use.
  • the auxiliary storage device 2005 can be used as the storage unit 902 in FIG.
  • the medium drive device 2006 drives the portable recording medium 2009 and accesses the recorded contents.
  • the portable recording medium 2009 is a memory device, a flexible disk, an optical disk, a magneto-optical disk, or the like.
  • the portable recording medium 2009 may be a Compact Disk Read Only Memory (CD-ROM), Digital Versatile Disk (DVD), Universal Serial Bus (USB) memory, or the like.
  • CD-ROM Compact Disk Read Only Memory
  • DVD Digital Versatile Disk
  • USB Universal Serial Bus
  • the computer-readable recording medium for storing the program and data used for the page display processing is a physical (non-temporary) such as the memory 2002, the auxiliary storage device 2005, or the portable recording medium 2009. ) A recording medium.
  • the network connection device 2007 is a communication interface that is connected to a communication network such as Local Area Network or Wide Area Network, and performs data conversion accompanying communication.
  • the information processing apparatus can receive a program and data from an external apparatus via the network connection apparatus 2007, and can use them by loading them into the memory 2002.
  • the network connection device 2007 can be used as the communication unit 901 in FIG.
  • the information processing apparatus does not have to include all of the components shown in FIG. 20, and some of the components can be omitted depending on the application or conditions.
  • the medium driving device 2006 may be omitted.
  • the information processing device may include a device for a call such as a microphone and a speaker.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

コンピュータは、表示対象ページに含まれるコンテンツが、そのコンテンツに対するスクロール操作を受け付けるスクロール機能を含み、コンテンツの表示領域の幅又は高さ、又は表示対象ページを表示する画面に対するコンテンツの幅又は高さの比率が、所定の状態である場合、スクロール機能を無効化する（ステップ８０１）。そして、コンピュータは、コンテンツに対する操作要求を受け付ける状態で、表示対象ページを画面上に表示する（ステップ８０２）。

Description

ページ表示プログラム、ページ表示装置、及びページ表示方法
　本発明は、ページ表示プログラム、ページ表示装置、及びページ表示方法に関する。
　近年、スマートフォン、タブレット、カーナビゲーション装置等のように、タッチパネルを用いて操作可能な携帯端末装置が増加している。
　図１は、このような携帯端末装置の表示画面の例を示している。例えば、画面上に表示されたウェブページに含まれるコンテンツ１０１を上下にスクロールする場合、ユーザは、矢印１０３が示すように、指１０２で画面を上下にスライドさせるスクロール操作を行う。これにより、ユーザは、コンテンツ１０１に含まれる所望のテキスト、画像等の情報を閲覧することができる。
　“ｃａｎｖａｓ”タグを用いて一方のページコンテンツに他方のページコンテンツを重畳するページ表示方法も知られている（例えば、特許文献１を参照）。
特開２０１４－１０９９８７号公報
　携帯端末装置の画面のサイズは限られているため、スクロール可能なウェブページ内に別のスクロール可能なコンテンツが埋め込まれている場合、ウェブページに対するスクロール操作が困難になることがある。
　なお、かかる問題は、携帯端末装置におけるスクロール操作に限らず、デスクトップ型パーソナルコンピュータ（ＰＣ）等の他の情報処理装置においてスクロール操作を行う場合にも生ずるものである。
　１つの側面において、本発明は、表示対象ページ内にスクロール可能なコンテンツが含まれている場合に、表示対象ページ及びコンテンツの効率的な利用を可能にすることを目的とする。
　１つの案では、ページ表示プログラムは、以下の処理をコンピュータに実行させる。
（１）コンピュータは、表示対象ページに含まれるコンテンツが、そのコンテンツに対するスクロール操作を受け付けるスクロール機能を含み、コンテンツの表示領域の幅又は高さ、又は表示対象ページを表示する画面に対するコンテンツの幅又は高さの比率が、所定の状態である場合、スクロール機能を無効化する。
（２）コンピュータは、コンテンツに対する操作要求を受け付ける状態で、表示対象ページを画面上に表示する。
　実施形態によれば、表示対象ページ内にスクロール可能なコンテンツが含まれている場合に、表示対象ページ及びコンテンツの効率的な利用が可能になる。
携帯端末装置の表示画面を示す図である。 ウェブページ内に埋め込まれたコンテンツを示す図である。 ウェブページに対するスクロール操作を示す図である。 スクロールバーを付加した表示画面を示す図である。 非表示ボタンを付加した表示画面を示す図である。 地図コンテンツのサイズを制限した表示画面を示す図である。 ページ表示装置の機能的構成図である。 ページ表示処理のフローチャートである。 ページ表示装置の具体例を示す機能的構成図である。 地図コンテンツを別のページに表示する操作を示す図である。 地図コンテンツをスクロールする操作を示す図である。 画面及び内部コンテンツのサイズを示す図である。 ページ表示処理の具体例を示すフローチャートである。 第１の操作イベント無効化処理のフローチャートである。 “ｉｆｒａｍｅ”タグが存在する場合の第１の変換処理を示す図である。 スクロールバー表示の設定が存在する場合の第１の変換処理を示す図である。 第２の操作イベント無効化処理のフローチャートである。 “ｉｆｒａｍｅ”タグが存在する場合の第２の変換処理を示す図である。 スクロールバー表示の設定が存在する場合の第２の変換処理を示す図である。 情報処理装置の構成図である。
　以下、図面を参照しながら、実施形態を詳細に説明する。
　画面のサイズが限られている携帯端末装置の場合、スクロール可能なウェブページ内に別のスクロール可能なコンテンツが埋め込まれていると、ウェブページに対するスクロール操作が円滑に行われないことがある。特に、埋め込まれたコンテンツの表示領域が画面のほとんどを占有している場合、ウェブページに対するスクロール操作が困難になる。
　図２は、ウェブページ内に埋め込まれたコンテンツの例を示している。スクロール可能なウェブページ２０１内に地図コンテンツ２０２が埋め込まれており、ユーザがウェブページ２０１をスクロールして、ウェブページ２０１内の別の情報を閲覧したい場合を想定する。このとき、ユーザの指１０２が誤って地図コンテンツ２０２に接触し、地図コンテンツ２０２を矢印２１１が示す向きにスクロールした場合、矢印２１２が示すように、地図コンテンツ２０２がスクロールされて、ウェブページ２０１はスクロールされない。
　図３は、図２のウェブページ２０１に対するスクロール操作の例を示している。ユーザが、ウェブページ２０１を矢印３１１が示す向きに指１０２でスクロールした場合、地図コンテンツ２０２を含むウェブページ２０１全体が上方へスクロールされて、ウェブページ２０１内の下方の情報が画面上に表示される。しかし、地図コンテンツ２０２のサイズが画面のほとんどを占有している場合、ウェブページ２０１をスクロールすることが困難になる。
　図４は、図２のウェブページ２０１にスクロールバーを付加した表示画面の例を示している。ウェブページ２０１にスクロールバー４０１を付加した場合、ユーザは、スクロールバー４０１を用いて、ウェブページ２０１全体を上下にスクロールすることができる。しかし、スクロールバー４０１は細長い形状であるため、携帯端末装置の画面上では注意深く操作することが望ましく、必ずしも円滑なスクロール操作が実現されるとは限らない。
　そこで、スクロールバー４０１を拡大して表示することも考えられる。しかし、携帯端末装置の画面のサイズは限られているため、スクロールバー４０１を拡大して表示すると、ウェブページ２０１の表示領域が狭くなり、ウェブページ２０１及び地図コンテンツ２０２が見づらくなる。このように、ウェブページ２０１に対するスクロール操作と地図コンテンツ２０２の最大限の表示とを両立させることは困難である。
　この問題を解決するために、以下のような計測に基づくトリガをブラウザに追加する方法が考えられる。
（ａ）圧力計測
　ユーザがウェブページ２０１内の地図コンテンツ２０２を強く押した場合、地図コンテンツ２０２に対するスクロール操作が行われ、地図コンテンツ２０２を弱く押した場合、ウェブページ２０１に対するスクロール操作が行われる。
（ｂ）加速度計測
　ユーザがウェブページ２０１内の地図コンテンツ２０２を速くスライドさせた場合、地図コンテンツ２０２に対するスクロール操作が行われ、地図コンテンツ２０２をゆっくりとスライドさせた場合、ウェブページ２０１に対するスクロール操作が行われる。
（ｃ）移動量計測
　ユーザがウェブページ２０１内の地図コンテンツ２０２を大きくスライドさせた場合、地図コンテンツ２０２に対するスクロール操作が行われ、地図コンテンツ２０２を小さくスライドさせた場合、ウェブページ２０１に対するスクロール操作が行われる。
　しかし、（ａ）～（ｃ）のいずれの計測を用いた場合も、計測値に対する閾値に依存して、ユーザの意図とは異なる情報がスクロールされる可能性がある。
　図５は、図２の地図コンテンツ２０２に非表示ボタンを付加した表示画面の例を示している。この例では、ユーザが地図コンテンツ２０２内に表示された非表示ボタン５０１を押すと、ブラウザが地図コンテンツ２０２を非表示状態に変更する。これにより、ユーザは、ウェブページ２０１を円滑にスクロールすることが可能になる。
　しかし、地図コンテンツ２０２を再度表示した場合、地図コンテンツ２０２が画面を占有していると、ウェブページ２０１に対するスクロール操作は困難な状態のままである。このため、地図コンテンツ２０２を表示する状態に戻ることが難しくなる。
　また、地図コンテンツ２０２内に非表示ボタン５０１を配置すると、地図コンテンツ２０２の一部が隠れてしまう。さらに、携帯端末装置の場合、ブラウザのツールバーには非表示ボタン５０１を配置する余裕がなく、メニューボタンによって表示されるメニュー内に非表示ボタン５０１を配置すると、選択操作が複雑になる。
　図６は、図２の地図コンテンツ２０２のサイズを制限した表示画面の例を示している。ブラウザが地図コンテンツ２０２のサイズを所定サイズ以下に制限して、地図コンテンツ２０２を小さく表示することで、ウェブページ２０１の操作可能領域が広くなる。このため、ウェブページ２０１に対するスクロール操作が容易になる。
　しかし、携帯端末装置の場合、地図コンテンツ２０２を小さく表示すると、地図コンテンツ２０２の視認性及び操作性が低下するため、その利用に制約が生じる。また、地図コンテンツ２０２を縮小することで空いた領域に、ウェブページ２０１内の別のコンテンツの一部が表示されて、ウェブページ２０１全体のレイアウトが崩れる可能性がある。さらに、ウェブページ２０１内にスクロール可能な複数のコンテンツが含まれている場合、それらのコンテンツが横並びに小さく表示されて、結局、ウェブページ２０１に対するスクロール操作の操作性が変わらない可能性もある。
　図７は、実施形態のページ表示装置の機能的構成例を示している。図２のページ表示装置７０１は、処理部７１１及び表示部７１２を含む。
　図８は、図７のページ表示装置７０１が行うページ表示処理の例を示すフローチャートである。まず、処理部７１１は、表示対象ページに含まれるコンテンツが、そのコンテンツに対するスクロール操作を受け付けるスクロール機能を含み、コンテンツの表示領域の幅又は高さ、又は表示対象ページを表示する画面に対するコンテンツの幅又は高さの比率が、所定の状態である場合、スクロール機能を無効化する（ステップ８０１）。そして、表示部７１２は、コンテンツに対する操作要求を受け付ける状態で、表示対象ページを画面上に表示する（ステップ８０２）。
　このようなページ表示装置７０１によれば、表示対象ページ内にスクロール可能なコンテンツが含まれている場合に、表示対象ページ及びコンテンツの効率的な利用が可能になる。
　図９は、図７のページ表示装置７０１の具体例を示している。図９のページ表示装置７０１は、処理部７１１、表示部７１２、通信部９０１、及び記憶部９０２を含む。記憶部９０２は、ＨＴＭＬブラウザ９１１及びＨＴＭＬコンテンツ４１２を記憶する。ページ表示装置７０１は、スマートフォン、タブレット、カーナビゲーション装置等の携帯端末装置であってもよく、デスクトップ型ＰＣ等であってもよい。
　処理部７１１は、ＨＴＭＬブラウザ９１１を実行することで、通信ネットワークを介して外部のサーバにＨＴＭＬコンテンツ９１２を要求する。通信部９０１は、通信ネットワークを介して外部のサーバからＨＴＭＬコンテンツ９１２を受信し、受信したＨＴＭＬコンテンツ９１２を記憶部９０２に格納する。そして、処理部７１１は、ＨＴＭＬブラウザ９１１を実行することで、ＨＴＭＬコンテンツ９１２を解析してDocument Object Model（ＤＯＭ）情報に変換し、ＤＯＭ情報に基づいてＨＴＭＬコンテンツ９１２を視覚化する。
　ＨＴＭＬコンテンツ９１２は、表示対象ページを表すスクロール可能なコンテンツであり、ＨＴＭＬコンテンツ９１２の内部には、別のスクロール可能なコンテンツが含まれている。ＨＴＭＬコンテンツ９１２及びその内部に含まれているコンテンツは、スクロール操作を受け付けるスクロール機能を含む。以下では、ＨＴＭＬコンテンツ９１２の内部に含まれているスクロール可能なコンテンツを、内部コンテンツと記載する場合がある。
　処理部７１１は、ＨＴＭＬブラウザ９１１を実行することで、ＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズを有する、内部コンテンツに対する操作イベントを無効化する。これにより、内部コンテンツのスクロール機能を含む操作機能が無効化される。そして、表示部７１２は、内部コンテンツに対する操作要求を受け付ける状態で、表示対象ページを画面上に表示する。
　図１０は、図２のウェブページ２０１及び地図コンテンツ２０２が、それぞれ、表示対象ページ及び内部コンテンツである場合に、地図コンテンツ２０２を別のページに表示する操作の例を示している。処理部７１１は、画面１００１上に表示された地図コンテンツ２０２のサイズが所定サイズである場合、地図コンテンツ２０２に対する操作イベントを無効化する。所定サイズは、表示対象ページであるウェブページ２０１に対するスクロール操作を妨げるサイズである。
　地図コンテンツ２０２に対する操作イベントが無効化されるため、ユーザが地図コンテンツ２０２をタッチしてスクロールした場合であっても、地図コンテンツ２０２がスクロールされることはない。したがって、地図コンテンツ２０２のサイズが画面のほとんどを占有している場合であっても、ユーザは、ウェブページ２０１に対するスクロール操作を容易に行うことができる。
　画面１００１上でユーザから地図コンテンツ２０２に対する操作要求を受け付けた場合、処理部７１１は、画面１００２に示すように、ウェブページ２０１とは別のページに地図コンテンツ２０２を表示する。そして、処理部７１１は、画面１００２上における地図コンテンツ２０２に対する操作イベントを有効化する。これにより、ユーザは、別のページ上で、地図コンテンツ２０２に対するスクロール操作を行うことが可能になる。画面１００１上における地図コンテンツ２０２に対する操作要求は、例えば、タップ、ダブルタップ、長押し等のタッチ操作であってもよい。
　図１１は、図１０の画面１００２上で地図コンテンツ２０２をスクロールする操作の例を示している。処理部７１１は、画面１００２上で、地図コンテンツ２０２を矢印１１０３が示す向きにスクロールするスクロール操作を受け付けた場合、画面１１０１に示すように、地図コンテンツ２０２をスクロールして、スクロール後の地図コンテンツ１１０４を表示する。
　次に、画面１１０１上でユーザからウェブページ２０１の表示に戻す操作を受け付けた場合、画面１１０２に示すように、ウェブページ２０１内の地図コンテンツ２０２をスクロール後の地図コンテンツ１１０４に置き換えて、ウェブページ２０１を表示する。これにより、ユーザは、スクロール後の地図コンテンツ１１０４を、ウェブページ２０１とともに閲覧することが可能になる。
　ところで、処理部７１１は、内部コンテンツのサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであるか否かを、内部コンテンツの表示領域の幅、高さ、又は面積等に基づいて判定することができる。また、処理部７１１は、内部コンテンツのサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであるか否かを、画面のサイズに対する内部コンテンツのサイズの比率に基づいて判定することもできる。
　図１２は、画面及び内部コンテンツのサイズの例を示している。図１２（ａ）は、表示部７１２の画面が縦長の矩形である場合を示している。画面の幅及び高さは、それぞれ、ｗ及びｈであり、内部コンテンツ１２０１の表示領域の幅及び高さは、それぞれ、ｘ及びｙである。ｘ及びｙを示すサイズ情報は、ＨＴＭＬコンテンツ９１２内に記述されている。
　一方、図１２（ｂ）は、画面が横長の矩形である場合を示している。画面の幅及び高さは、それぞれ、ｗ及びｈであり、内部コンテンツ１２０２の表示領域の幅及び高さは、それぞれ、ｘ及びｙである。この場合、内部コンテンツ１２０２の表示領域が画面内に納まらないため、内部コンテンツ１２０２の一部のみが画面上に表示される。
　処理部７１１は、ｘ及びｙが以下のいずれかの条件を満たす場合に、内部コンテンツのサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであると判定することができる。
（ｃ１）ｘが所定値よりも大きい。
（ｃ２）ｙが所定値よりも大きい。
（ｃ３）ｘ×ｙが所定値よりも大きい。
（ｃ４）ｗに対するｘの比率が所定値よりも大きい。
（ｃ５）ｈに対するｙの比率が所定値よりも大きい。
（ｃ６）ｗ×ｈに対するｘ×ｙの比率が所定値よりも大きい。
　例えば、所定値を４０％として条件（ｃ６）を適用した場合、図１２（ａ）の画面の面積に対する内部コンテンツ１２０１の面積の比率は、所定値以下である。したがって、内部コンテンツ１２０１のサイズは、ＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げないと判定される。
　一方、図１２（ｂ）の画面の面積に対する内部コンテンツ１２０２の面積の比率は、所定値よりも大きくなる。したがって、内部コンテンツ１２０２のサイズは、ＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げると判定される。
　条件（ｃ１）～条件（ｃ６）における所定値は、ユーザが設定してもよく、所定のアルゴリズムによって処理部７１１が設定してもよい。処理部７１１は、ＤＯＭ情報によって内部コンテンツのサイズが変更される場合、そのサイズが変更される度に、変更後のサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであるか否かを判定する。
　図１３は、図９のページ表示装置７０１が行うページ表示処理の具体例を示すフローチャートである。処理部７１１は、ＨＴＭＬブラウザ９１１を実行することで、図１３のページ表示処理を行う。
　まず、処理部７１１は、ＨＴＭＬコンテンツ９１２を表示対象ページとして画面上に表示し（ステップ１３０１）、ＨＴＭＬコンテンツ９１２に記述されたスクリプトによるＤＯＭ操作を行うか否かを判定する（ステップ１３０２）。
　スクリプトは、例えば、オブジェクト指向のスクリプト言語によって記述され、処理部７１１は、スクリプトを解釈して実行することで、ＤＯＭ情報に含まれる要素の表示情報を更新することができる。ＤＯＭ情報に含まれる要素が内部コンテンツを表す場合、その表示情報の更新によって、表示対象ページ内における内部コンテンツの位置及びサイズが変更されることがある。スクリプトは、ＪａｖａＳｃｒｉｐｔ（登録商標）であってもよい。
　スクリプトによるＤＯＭ操作を行う場合（ステップ１３０２，ＹＥＳ）、処理部７１１は、スクリプトに従ってＤＯＭ情報を更新する（ステップ１３０３）。そして、処理部７１１は、ＨＴＭＬコンテンツ９１２を解析して、スクロール可能な内部コンテンツが含まれているか否かをチェックする（ステップ１３０４）。例えば、処理部７１１は、以下のような場合に、スクロール可能な内部コンテンツが含まれていると判定することができる。
（ｐ）ＨＴＭＬコンテンツ９１２内に、内部コンテンツのインラインフレームを示す“ｉｆｒａｍｅ”タグが存在する。
（ｑ）ＨＴＭＬコンテンツ９１２内に、スクロールバー表示の設定を示す“ｏｖｅｒｆｌｏｗ：ｓｃｒｏｌｌ”等の記述を伴う内部コンテンツのタグが存在する。
　ＨＴＭＬコンテンツ９１２にスクロール可能な内部コンテンツが含まれている場合（ステップ１３０４，ＹＥＳ）、処理部７１１は、その内部コンテンツがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるか否かをチェックする（ステップ１３０５）。このとき、処理部７１１は、条件（ｃ１）～条件（ｃ６）のいずれかを用いて、内部コンテンツがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるか否かをチェックする。
　内部コンテンツがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げる場合（ステップ１３０５，ＹＥＳ）、処理部７１１は、その内部コンテンツに対する操作イベントを無効化する（ステップ１３０６）。
　スクリプトによるＤＯＭ操作を行わない場合（ステップ１３０２，ＮＯ）、処理部７１１は、ステップ１３０４以降の処理を行う。ＨＴＭＬコンテンツ９１２にスクロール可能な内部コンテンツが含まれていない場合（ステップ１３０４，ＮＯ）、処理部７１１は、処理を終了する。また、内部コンテンツがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げない場合（ステップ１３０５，ＮＯ）、処理部７１１は、処理を終了する。
　図１３のページ表示処理によれば、スクリプトによるＤＯＭ操作によって内部コンテンツのサイズが変更される度に、変更後のサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであるか否かが判定される。したがって、内部コンテンツのサイズが変更された場合であっても、変更後のサイズに基づいて、その内部コンテンツに対する操作イベントを無効化することができる。
　図１４は、図１３のステップ１３０６における第１の操作イベント無効化処理のフローチャートである。まず、処理部７１１は、ＨＴＭＬコンテンツ９１２内に表示されている内部コンテンツのスナップショット画像を生成する（ステップ１４０１）。次に、処理部７１１は、画面上で、その内部コンテンツをスナップショット画像に変換し、内部コンテンツに対する操作要求を受け付ける状態でスナップショット画像を表示する（ステップ１４０２）。そして、処理部７１１は、ユーザから内部コンテンツに対する操作要求を受け付けたか否かをチェックする（ステップ１４０３）。
　内部コンテンツに対する操作要求を受け付けた場合（ステップ１４０３，ＹＥＳ）、処理部７１１は、操作イベントを有効化した状態で、内部コンテンツを別のページに表示する（ステップ１４０４）。これにより、ユーザは、別のページ上で内部コンテンツに対するスクロール操作を行うことが可能になる。
　次に、処理部７１１は、ユーザからＨＴＭＬコンテンツ９１２の表示に戻す操作を受け付けたか否かをチェックする（ステップ１４０５）。ＨＴＭＬコンテンツ９１２の表示に戻す操作を受け付けた場合（ステップ１４０５，ＹＥＳ）、処理部７１１は、表示されている内部コンテンツのスナップショット画像を新たに生成する（ステップ１４０６）。
　次に、処理部７１１は、別のページを表示する前に表示されていた、元のＨＴＭＬコンテンツ９１２を画面上に表示する（ステップ１４０７）。そして、処理部７１１は、ＨＴＭＬコンテンツ９１２内の内部コンテンツを、新たに生成したスナップショット画像に変換する（ステップ１４０８）。別のページ上で内部コンテンツに対するスクロール操作が行われた場合、元のＨＴＭＬコンテンツ９１２内には、スクロール後の内部コンテンツが表示される。
　内部コンテンツに対する操作要求を受け付けていない場合（ステップ１４０３，ＮＯ）、又は、ＨＴＭＬコンテンツ９１２の表示に戻す操作を受け付けていない場合（ステップ１４０５，ＮＯ）、処理部７１１は、処理を終了する。
　図１５は、ＨＴＭＬコンテンツ９１２内に内部コンテンツの“ｉｆｒａｍｅ”タグが存在する場合の第１の変換処理を示している。この例では、ＨＴＭＬコンテンツ９１２を表すｍｅｎｕ．ｈｔｍｌの画面１５０１内に、内部コンテンツを表すｍｅｎｕＬｕｎｃｈ．ｈｔｍｌのインラインフレーム１５０２が表示されている。ｍｅｎｕ．ｈｔｍｌ内には“ｉｆｒａｍｅ”タグが存在し、“ｉｆｒａｍｅ”タグ内のｗｉｄｔｈ及びｈｅｉｇｈｔは、それぞれ、インラインフレーム１５０２の幅及び高さを示すサイズ情報である。
　ｗｉｄｔｈ＝“８０％”は、画面１５０１の幅に対するインラインフレーム１５０２の幅の比率が８０％であることを表し、ｈｅｉｇｈｔ＝“１５％”は、画面１５０１の高さに対するインラインフレーム１５０２の高さの比率が１５％であることを表す。
　この場合、ステップ１４０１において、処理部７１１は、インラインフレーム１５０２のスナップショット画像１５０３を生成する。次に、ステップ１４０２において、処理部７１１は、ｍｅｎｕ．ｈｔｍｌ内の“ｉｆｒａｍｅ”タグを“ｃａｎｖａｓ”タグに変換することで、画面１５０１内のインラインフレーム１５０２をスナップショット画像１５０３に変換する。
　そして、処理部７１１は、スナップショット画像１５０３に対する操作要求を受け付けた場合の動作を規定する“ａ　ｈｒｅｆ”タグを付加する。“ａ　ｈｒｅｆ”タグ内のリンク先のUniform Resource Locator（ＵＲＬ）としては、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌが指定される。これにより、処理部７１１は、スナップショット画像１５０３に対する操作要求を受け付けた場合に、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを別のページ１５０４に表示することができる。
　図１６は、ＨＴＭＬコンテンツ９１２内にスクロールバー表示の設定を示す内部コンテンツのタグが存在する場合の第１の変換処理を示している。この例では、ＨＴＭＬコンテンツ９１２を表すｍｅｎｕ．ｈｔｍｌ内に、内部コンテンツを表すｉｄ＝“ｌｕｎｃｈ”を含む“ｄｉｖ”タグと、内部コンテンツに対するスクロールバー表示の設定を示す“ｏｖｅｒｆｌｏｗ：ｓｃｒｏｌｌ”とが存在する。“ｄｉｖ”タグ内のｗｉｄｔｈ及びｈｅｉｇｈｔは、それぞれ、内部コンテンツの幅及び高さを示すサイズ情報である。
　この場合、ステップ１４０１において、処理部７１１は、内部コンテンツを表すｉｄ＝“ｌｕｎｃｈ”が指定された“ｄｉｖ”タグのスナップショット画像を生成する。次に、ステップ１４０２において、処理部７１１は、“ｄｉｖ”タグ内を“ｃａｎｖａｓ”タグに変換することで、ｉｄ＝“ｌｕｎｃｈ”が指定された“ｄｉｖ”タグをスナップショット画像に変換する。そして、処理部７１１は、ｉｄ＝“ｌｕｎｃｈ”が指定された“ｄｉｖ”タグ内とそれに関連するＤＯＭ情報を参照できるようなｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを作成し、図１５の場合と同様に、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌをリンク先のＵＲＬに指定した“ａ　ｈｒｅｆ”タグを付加する。
　これにより、処理部７１１は、スナップショット画像に対する操作要求を受け付けた場合、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを表す別のページを生成して表示することができる。
　図１４の操作イベント無効化処理によれば、ＨＴＭＬコンテンツ９１２内の内部コンテンツをスナップショット画像に変換することで、ＨＴＭＬコンテンツ９１２に対するスクロール操作を無効化することができる。また、内部コンテンツに対する操作要求を受け付ける状態でスナップショット画像を表示することで、内部コンテンツの利用を妨げることなく、ＨＴＭＬコンテンツ９１２を表示することができる。
　図１７は、図１３のステップ１３０６における第２の操作イベント無効化処理のフローチャートである。まず、処理部７１１は、ＨＴＭＬコンテンツ９１２に含まれている内部コンテンツに対する操作イベントを無視するように、ＨＴＭＬブラウザ９１１を変更する（ステップ１７０１）。次に、処理部７１１は、内部コンテンツに対する操作要求を受け付ける機能を、ＨＴＭＬブラウザ９１１に付加する（ステップ１７０２）。
　次のステップ１７０３～ステップ１７０５の処理については、図１４のステップ１４０３～ステップ１４０５の処理と同様である。ＨＴＭＬコンテンツ９１２の表示に戻す操作を受け付けた場合（ステップ１７０５，ＹＥＳ）、処理部７１１は、別のページを表示する前に表示されていた、元のＨＴＭＬコンテンツ９１２を画面上に表示する（ステップ１７０６）。別のページ上で内部コンテンツに対するスクロール操作が行われた場合、元のＨＴＭＬコンテンツ９１２内には、スクロール後の内部コンテンツが表示される。
　図１８は、ＨＴＭＬコンテンツ９１２内に内部コンテンツの“ｉｆｒａｍｅ”タグが存在する場合の第２の変換処理を示している。この例では、ＨＴＭＬコンテンツ９１２を表すｍｅｎｕ．ｈｔｍｌ内に、内部コンテンツを表すｍｅｎｕＬｕｎｃｈ．ｈｔｍｌの“ｉｆｒａｍｅ”タグが存在する。“ｉｆｒａｍｅ”タグ内のｗｉｄｔｈ及びｈｅｉｇｈｔは、それぞれ、内部コンテンツの幅及び高さを示すサイズ情報である。
　この場合、ステップ１７０１において、処理部７１１は、ｍｅｎｕ．ｈｔｍｌ内に記述されている、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌに対する操作イベント（不図示）を無視するように、ＨＴＭＬブラウザ９１１を変更する。次に、ステップ１７０２において、処理部７１１は、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌに対する操作要求を受け付ける機能を、ＨＴＭＬブラウザ９１１に付加する。
　これにより、処理部７１１は、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌに対する操作要求を受け付けた場合、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを表す別のページを生成して表示することができる。ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌ内には、“ｓｃｒｉｐｔ”タグを用いてｗｉｎｄｏｗ．ｏｐｅｎｅｒが記述されている。処理部７１１は、このｗｉｎｄｏｗ．ｏｐｅｎｅｒによって、ｍｅｎｕ．ｈｔｍｌへＤＯＭ情報の参照を返すことができる。
　図１９は、ＨＴＭＬコンテンツ９１２内にスクロールバー表示の設定を示す内部コンテンツのタグが存在する場合の第２の変換処理を示している。この例では、ＨＴＭＬコンテンツ９１２を表すｍｅｎｕ．ｈｔｍｌ内に、内部コンテンツを表すｉｄ＝“ｌｕｎｃｈ”を含む“ｄｉｖ”タグと、内部コンテンツに対するスクロールバー表示の設定を示す“ｏｖｅｒｆｌｏｗ：ｓｃｒｏｌｌ”とが存在する。“ｄｉｖ”タグ内のｗｉｄｔｈ及びｈｅｉｇｈｔは、それぞれ、内部コンテンツの幅及び高さを示すサイズ情報である。
　この場合、ステップ１７０１において、処理部７１１は、図１８の場合と同様に、ｍｅｎｕ．ｈｔｍｌ内に記述されている、内部コンテンツに対する操作イベント（不図示）を無視するように、ＨＴＭＬブラウザ９１１を変更する。次に、ステップ１７０２において、処理部７１１は、内部コンテンツに対する操作要求を受け付ける機能を、ＨＴＭＬブラウザ９１１に付加する。
　これにより、処理部７１１は、内部コンテンツに対する操作要求を受け付けた場合、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを表す別のページを生成して表示することができる。処理部７１１は、図１８の場合と同様に、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌ内のｗｉｎｄｏｗ．ｏｐｅｎｅｒによって、ｍｅｎｕ．ｈｔｍｌへＤＯＭ情報の参照を返すことができる。
　図１７の操作イベント無効化処理によれば、内部コンテンツに対する操作イベントを無視するようにＨＴＭＬブラウザ９１１を変更することで、ＨＴＭＬコンテンツ９１２に対するスクロール操作を無効化することができる。また、内部コンテンツに対する操作要求を受け付ける機能をＨＴＭＬブラウザ９１１に付加することで、内部コンテンツの利用を妨げることなく、ＨＴＭＬコンテンツ９１２を表示することができる。
　図７及び図９のページ表示装置７０１の構成は一例に過ぎず、ページ表示装置７０１の用途又は条件に応じて一部の構成要素を省略又は変更してもよい。
　図８、図１３、図１４、及び図１７のフローチャートは一例に過ぎず、ページ表示装置７０１の構成又は条件に応じて一部の処理を省略又は変更してもよい。例えば、スクリプトによるＤＯＭ操作が行われない場合は、図１３のステップ１３０２及びステップ１３０３の処理を省略することができる。
　図１～図６及び図１０～図１２の表示画面は一例に過ぎず、表示画面は、表示対象のコンテンツに応じて変化する。表示対象のコンテンツは、ＨＴＭＬコンテンツ９１２に限られず、eXtensible Markup Language（ＸＭＬ）で記述されたコンテンツのように、内部コンテンツを含む別のコンテンツであってもよい。
　図１５、図１６、図１８、及び図１９のＨＴＭＬコンテンツ９１２及び内部コンテンツは一例に過ぎず、表示対象のコンテンツは、ページ表示装置７０１の用途又は条件に応じて変化する。
　図２０は、図７及び図９のページ表示装置７０１として用いられる情報処理装置（コンピュータ）の構成例を示している。図２０の情報処理装置は、Central Processing Unit（ＣＰＵ）２００１、メモリ２００２、入力装置２００３、表示装置２００４、補助記憶装置２００５、媒体駆動装置２００６、及びネットワーク接続装置２００７を含む。これらの構成要素はバス２００８により互いに接続されている。
　メモリ２００２は、例えば、Read Only Memory（ＲＯＭ）、Random Access Memory（ＲＡＭ）、フラッシュメモリ等の半導体メモリであり、ページ表示処理に用いられるプログラム及びデータを格納する。メモリ２００２は、図９の記憶部９０２として用いることができる。
　ＣＰＵ２００１（プロセッサ）は、例えば、メモリ２００２を利用してプログラムを実行することにより、図７及び図９の処理部７１１として動作する。
　入力装置２００３は、例えば、キーボード、ポインティングデバイス等であり、オペレータ又はユーザからの指示又は情報の入力に用いられる。情報処理装置が携帯端末装置である場合、入力装置２００３としてタッチパネルを用いることができる。表示装置２００４は、オペレータ又はユーザへの問い合わせ又は指示、及び処理結果の出力に用いられる。処理結果は、ＨＴＭＬコンテンツ９１２又は内部コンテンツであってもよい。表示装置２００４は、図７及び図９の表示部７１２として用いることができる。
　補助記憶装置２００５は、例えば、磁気ディスク装置、光ディスク装置、光磁気ディスク装置、テープ装置等である。補助記憶装置２００５は、ハードディスクドライブ又はフラッシュメモリであってもよい。情報処理装置が携帯端末装置である場合、補助記憶装置２００５としてフラッシュメモリを用いることができる。情報処理装置は、補助記憶装置２００５にプログラム及びデータを格納しておき、それらをメモリ２００２にロードして使用することができる。補助記憶装置２００５は、図９の記憶部９０２として用いることができる。
　媒体駆動装置２００６は、可搬型記録媒体２００９を駆動し、その記録内容にアクセスする。可搬型記録媒体２００９は、メモリデバイス、フレキシブルディスク、光ディスク、光磁気ディスク等である。可搬型記録媒体２００９は、Compact Disk Read Only Memory（ＣＤ－ＲＯＭ）、Digital Versatile Disk（ＤＶＤ）、Universal Serial Bus（ＵＳＢ）メモリ等であってもよい。情報処理装置が携帯端末装置である場合、可搬型記録媒体２００９としてメモリカードを用いることができる。オペレータ又はユーザは、この可搬型記録媒体２００９にプログラム及びデータを格納しておき、それらをメモリ２００２にロードして使用することができる。
　このように、ページ表示処理に用いられるプログラム及びデータを格納するコンピュータ読み取り可能な記録媒体は、メモリ２００２、補助記憶装置２００５、又は可搬型記録媒体２００９のような、物理的な（非一時的な）記録媒体である。
　ネットワーク接続装置２００７は、Local Area Network、Wide Area Network等の通信ネットワークに接続され、通信に伴うデータ変換を行う通信インタフェースである。情報処理装置は、プログラム及びデータを外部の装置からネットワーク接続装置２００７を介して受信し、それらをメモリ２００２にロードして使用することができる。ネットワーク接続装置２００７は、図９の通信部９０１として用いることができる。
　なお、情報処理装置が図２０のすべての構成要素を含む必要はなく、用途又は条件に応じて一部の構成要素を省略することも可能である。例えば、可搬型記録媒体２００９を使用しない場合は、媒体駆動装置２００６を省略してもよい。
　情報処理装置が携帯端末装置である場合、情報処理装置は、マイク及びスピーカのような通話用の装置を含んでいてもよい。
　開示の実施形態とその利点について詳しく説明したが、当業者は、特許請求の範囲に明確に記載した本発明の範囲から逸脱することなく、様々な変更、追加、省略をすることができるであろう。

Claims (11)

  1. 　表示対象ページに含まれるコンテンツが前記コンテンツに対するスクロール操作を受け付けるスクロール機能を含み、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、所定の状態である場合、前記スクロール機能を無効化し、
    　前記コンテンツに対する操作要求を受け付ける状態で、前記表示対象ページを画面上に表示する、
    処理をコンピュータに実行させるページ表示プログラム。
  2. 　前記コンピュータは、前記コンテンツをスナップショット画像に変換することで、前記スクロール機能を無効化することを特徴とする請求項１記載のページ表示プログラム。
  3. 　前記コンピュータは、前記表示対象ページに記述された前記スクロール操作を無視することで、前記スクロール機能を無効化することを特徴とする請求項１記載のページ表示プログラム。
  4. 　前記コンピュータは、前記コンテンツに対する前記操作要求を受け付けた場合、前記表示対象ページとは別のページに前記コンテンツを表示し、表示した前記コンテンツに対するスクロール操作を受け付けることを特徴とする請求項１乃至３のいずれか１項に記載のページ表示プログラム。
  5. 　前記コンピュータは、前記別のページの表示を前記表示対象ページの表示に戻す操作を受け付けた場合、前記表示対象ページ内の前記コンテンツをスクロール後のコンテンツに置き換えて、前記表示対象ページを表示することを特徴とする請求項４記載のページ表示プログラム。
  6. 　前記コンピュータは、前記表示対象ページに記述された前記コンテンツのサイズに基づいて、前記表示領域の幅又は高さ、又は前記画面に対する前記コンテンツの幅又は高さの比率が、前記所定の状態であると判定することを特徴とする請求項１乃至５のいずれか１項に記載のページ表示プログラム。
  7. 　前記コンピュータは、前記コンテンツのサイズが変更される度に、変更後のコンテンツの表示領域の幅又は高さ、又は前記画面に対する変更後のコンテンツの幅又は高さの比率が、前記所定の状態であるか否かを判定することを特徴とする請求項１乃至６のいずれか１項に記載のページ表示プログラム。
  8. 　表示対象ページに含まれるコンテンツが前記コンテンツに対するスクロール操作を受け付けるスクロール機能を含み、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、所定の状態である場合、前記スクロール機能を無効化する処理部と、
    　前記コンテンツに対する操作要求を受け付ける状態で、前記表示対象ページを画面上に表示する表示部と、
    を備えることを特徴とするページ表示装置。
  9. 　前記処理部は、前記コンテンツをスナップショット画像に変換することで、前記スクロール機能を無効化することを特徴とする請求項８記載のページ表示装置。
  10. 　コンピュータが、
    　表示対象ページに含まれるコンテンツが前記コンテンツに対するスクロール操作を受け付けるスクロール機能を含み、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、所定の状態である場合、前記スクロール機能を無効化し、
    　前記コンテンツに対する操作要求を受け付ける状態で、前記表示対象ページを画面上に表示する、
    ことを特徴とするページ表示方法。
  11. 　前記コンピュータは、前記コンテンツをスナップショット画像に変換することで、前記スクロール機能を無効化することを特徴とする請求項１０記載のページ表示方法。
PCT/JP2016/072567 2016-08-01 2016-08-01 ページ表示プログラム、ページ表示装置、及びページ表示方法 Ceased WO2018025316A1 (ja)

Priority Applications (3)

Application Number Priority Date Filing Date Title
PCT/JP2016/072567 WO2018025316A1 (ja) 2016-08-01 2016-08-01 ページ表示プログラム、ページ表示装置、及びページ表示方法
JP2018531004A JP6721049B2 (ja) 2016-08-01 2016-08-01 ページ表示プログラム、ページ表示装置、及びページ表示方法
US16/262,090 US20190163338A1 (en) 2016-08-01 2019-01-30 Page display device and page display method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/JP2016/072567 WO2018025316A1 (ja) 2016-08-01 2016-08-01 ページ表示プログラム、ページ表示装置、及びページ表示方法

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US16/262,090 Continuation US20190163338A1 (en) 2016-08-01 2019-01-30 Page display device and page display method

Publications (1)

Publication Number Publication Date
WO2018025316A1 true WO2018025316A1 (ja) 2018-02-08

Family

ID=61073612

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2016/072567 Ceased WO2018025316A1 (ja) 2016-08-01 2016-08-01 ページ表示プログラム、ページ表示装置、及びページ表示方法

Country Status (3)

Country Link
US (1) US20190163338A1 (ja)
JP (1) JP6721049B2 (ja)
WO (1) WO2018025316A1 (ja)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7612433B2 (ja) 2021-01-25 2025-01-14 キヤノン株式会社 情報処理装置、情報処理方法、及びプログラム

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111158839A (zh) * 2019-12-31 2020-05-15 中国银行股份有限公司 段落内容展示方法及装置

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014164719A (ja) * 2013-02-27 2014-09-08 Kyocera Corp 電子機器、制御方法、及び制御プログラム
JP2014194747A (ja) * 2013-02-28 2014-10-09 Canon Inc 情報処理装置、情報処理方法及びコンピュータプログラム
JP2016066247A (ja) * 2014-09-25 2016-04-28 株式会社Ｓｏｃｋｅｔ ウェブページ上での操作制御装置および操作制御用プログラム

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6389437B2 (en) * 1998-01-07 2002-05-14 Ion Systems, Inc. System for converting scrolling display to non-scrolling columnar display
US20030115167A1 (en) * 2000-07-11 2003-06-19 Imran Sharif Web browser implemented in an Internet appliance
US9329765B2 (en) * 2013-06-14 2016-05-03 Htc Corporation Method and electronic apparatus for scrolling frame content and recording medium using the same
US9613161B2 (en) * 2013-09-05 2017-04-04 Paypal, Inc. Seamless pagination

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014164719A (ja) * 2013-02-27 2014-09-08 Kyocera Corp 電子機器、制御方法、及び制御プログラム
JP2014194747A (ja) * 2013-02-28 2014-10-09 Canon Inc 情報処理装置、情報処理方法及びコンピュータプログラム
JP2016066247A (ja) * 2014-09-25 2016-04-28 株式会社Ｓｏｃｋｅｔ ウェブページ上での操作制御装置および操作制御用プログラム

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7612433B2 (ja) 2021-01-25 2025-01-14 キヤノン株式会社 情報処理装置、情報処理方法、及びプログラム

Also Published As

Publication number Publication date
JPWO2018025316A1 (ja) 2019-04-11
JP6721049B2 (ja) 2020-07-08
US20190163338A1 (en) 2019-05-30

Similar Documents

Publication Publication Date Title
US20210026456A1 (en) Method, apparatus and system for interacting with content on web browsers
US9262051B2 (en) Method and apparatus for displaying pop-up
CN1922896B (zh) 用于自动选择窗体进行显示的方法和设备
JP4533943B2 (ja) 情報処理装置、表示制御方法およびプログラム
US20120096344A1 (en) Rendering or resizing of text and images for display on mobile / small screen devices
CN113934339B (zh) 一种基于rem的页面自适应布局的方法及装置
JP2014067420A (ja) 電子ドキュメント内の関心領域を選択し、表示するための方法とデバイス
US7434174B2 (en) Method and system for zooming in and out of paginated content
CN113536173B (zh) 一种页面处理方法、装置、电子设备及可读存储介质
JP2015049592A (ja) 電子機器および方法
US20160196240A1 (en) Method of displaying content and electronic device implementing same
US10983625B2 (en) Systems and methods for measurement of unsupported user interface actions
CN110909274A (zh) 页面浏览方法、装置及电子设备
JP2014106625A (ja) 携帯端末、携帯端末の制御方法、プログラム、および記録媒体
JP2011070380A (ja) Ｗｅｂページの閲覧支援プログラム、装置及び方法
JP6721049B2 (ja) ページ表示プログラム、ページ表示装置、及びページ表示方法
JP2010092103A (ja) Ｗｅｂページ表示方法、サーバ装置、及びプログラム
KR101294458B1 (ko) 모바일 디바이스에서의 텍스트 입력장치 및 그 방법
JP2012181693A (ja) ウェブページ表示制御装置およびスクロール制御方法
JP6699730B2 (ja) 描画データ生成プログラム、描画データ生成装置、及び描画データ生成方法
JP2012173946A (ja) ウェブページ表示装置およびフォーカス制御方法
CN116088718B (zh) 信息显示方法、装置、设备及介质
CN118227250B (zh) 页面中的工具栏显示方法、装置、计算机设备和存储介质
JP5463405B1 (ja) 情報処理装置、情報処理方法およびプログラム
JP2020091333A (ja) 表示制御方法、装置、及びプログラム

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 16911577

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2018531004

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 16911577

Country of ref document: EP

Kind code of ref document: A1