CN117056637B - Barrier-free webpage generation method, barrier-free webpage generation device, computer equipment and storage medium - Google Patents
Barrier-free webpage generation method, barrier-free webpage generation device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN117056637B CN117056637B CN202311251051.7A CN202311251051A CN117056637B CN 117056637 B CN117056637 B CN 117056637B CN 202311251051 A CN202311251051 A CN 202311251051A CN 117056637 B CN117056637 B CN 117056637B
- Authority
- CN
- China
- Prior art keywords
- preset rule
- rule
- node
- preset
- object model
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 48
- 238000006243 chemical reaction Methods 0.000 claims abstract description 67
- 238000004590 computer program Methods 0.000 claims description 15
- 238000012545 processing Methods 0.000 claims description 15
- 230000006870 function Effects 0.000 description 39
- 230000008859 change Effects 0.000 description 36
- 230000004048 modification Effects 0.000 description 29
- 238000012986 modification Methods 0.000 description 29
- 238000010586 diagram Methods 0.000 description 12
- 238000005516 engineering process Methods 0.000 description 4
- 241000282414 Homo sapiens Species 0.000 description 3
- 230000004888 barrier function Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 3
- 230000004397 blinking Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000013515 script Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013499 data model Methods 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002045 lasting effect Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Document Processing Apparatus (AREA)
Abstract
The application relates to a barrier-free webpage generation method, a barrier-free webpage generation device, computer equipment and a storage medium, wherein the barrier-free webpage generation method comprises the following steps: acquiring document object model data of a webpage, wherein the document object model data consists of a plurality of nodes, and each node comprises content and a label; acquiring a preset rule set, wherein each preset rule comprises a label and a logic conversion code; traversing nodes in the document object model data, and matching each preset rule in the preset rule set with a label of a current node; if the label of the first preset rule is consistent with the label of the current node, determining that the first preset rule is matched with the current node, and modifying the content of the current node according to the logic conversion code of the first preset rule; and generating an accessible webpage according to the modified document object model data, automatically and quickly generating the accessible webpage based on the original code, and reducing the labor and time cost for generating the accessible webpage.
Description
Technical Field
The present disclosure relates to the field of barrier-free web page technologies, and in particular, to a barrier-free web page generating method, apparatus, computer device, and storage medium.
Background
The accessible web pages are mainly created and maintained by virtue of front-end engineers, but most of the front-end engineers in China do not consider accessible web pages at all at present, on one hand, because the accessible web pages are considered to require additional design and coding, and the work efficiency of the engineers is reduced; on the other hand, writing the barrier-free web page requires the skills of engineers, and the engineers need to additionally know and learn the rules and code writing modes of the barrier-free web page; most importantly, many businesses only have a need for fast-yielding web pages, and no need for barrier-free web pages, and over time, engineers discard the unintentional portions of the business in order to pursue the efficiency of developing web pages.
In the related technology, the relevant tool of the web page without barriers is to detect the degree of the web page without barriers on the internet and give out detection scores and suggestions. To implement these unobstructed suggestions on a web page, engineers are required to conduct additional development against the suggestions, and users can browse the unobstructed web page on the internet after redeploying services and resources.
Disclosure of Invention
In view of the foregoing, it is desirable to provide a barrier-free web page generation method, apparatus, computer device, and storage medium capable of automatically generating a barrier-free web page.
In a first aspect, the present application provides a method for generating an unobstructed web page, where the method includes:
acquiring document object model data of a webpage, wherein the document object model data consists of a plurality of nodes, and each node comprises content and a label;
acquiring a preset rule set, wherein each preset rule comprises a label and a logic conversion code;
traversing nodes in the document object model data, and matching each preset rule in the preset rule set with a label of a current node;
if the label of the first preset rule is consistent with the label of the current node, determining that the first preset rule is matched with the current node, and modifying the content of the current node according to the logic conversion code of the first preset rule;
and generating an unobstructed webpage according to the modified document object model data.
In one embodiment, matching each preset rule in the preset rule set with the label of the current node includes:
If the public rule applicable to all tags in the document object model data of the webpage exists in the preset rule set, the public rule is used as the first preset rule;
and if the non-public rule applicable to part of labels in the document object model data of the webpage exists in the preset rule set, taking the non-public rule consistent with the label of the current node as the first preset rule.
In one embodiment, modifying the content of the current node according to the logic conversion code of the first preset rule includes:
judging whether the content of the current node is consistent with the first preset rule or not based on the logic conversion code of the first preset rule;
if the nodes are consistent, traversing the next node;
and if the node contents are inconsistent, mounting the node contents obtained according to the logic conversion codes into the current node, and storing the node contents obtained according to the logic conversion codes into a patch.
In one embodiment, modifying the content of the current node according to the logic conversion code of the first preset rule includes:
if the content of the current node cannot be modified according to the logic conversion code of the first preset rule, a preset field is generated, the preset field is mounted on the current node, and the preset field is stored in a patch.
In one embodiment, obtaining the set of preset rules includes:
acquiring natural language rules for describing barrier-free webpage standards;
generating the preset rule according to the natural language rule; wherein,
if a single natural language rule capable of acting on part of the labels in the document object model data exists, generating a plurality of preset rules according to the single natural language rule, wherein each preset rule corresponds to one label; if single natural language rules capable of acting on all labels in the document object model data exist, generating a single preset rule according to the single natural language rules; if a plurality of natural language rules which can act on the same label in the document object model data and can be realized based on the same processing logic exist, a single preset rule is generated according to the plurality of natural language rules.
In one embodiment, after generating the preset rule according to the natural language rule, the method further includes:
judging whether the preset rule contains all tags in the document object model data or not;
if the preset rule comprises all tags in the document object model data, determining the preset rule as a public rule, and storing the public rule in a first field in an array form;
And if all the labels are not contained in the preset rule, determining that the preset rule is a non-public rule, and storing the non-public rule in a second field in an array form.
In one embodiment, after traversing the nodes in the document object model data, the method further comprises:
and setting index values for the nodes of the document object model data in turn according to the traversing sequence, and mounting the index values on the current nodes.
In a second aspect, the present application further provides an unobstructed code generating device, including:
the system comprises an acquisition module, a logic conversion module and a logic conversion module, wherein the acquisition module is used for acquiring document object model data of a webpage and a preset rule set, wherein the document object model data consists of a plurality of nodes, each node comprises content and a label, and each preset rule comprises a label and a logic conversion code;
the conversion module is used for traversing the nodes in the document object model data and matching each preset rule in the preset rule set with the label of the current node; if the label of the first preset rule is consistent with the label of the current node, determining that the first preset rule is matched with the current node, and modifying the content of the current node according to the logic conversion code of the first preset rule; and generating an unobstructed webpage according to the modified document object model data.
In a third aspect, the present application also provides a computer device. The computer device comprises a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to realize the barrier-free webpage generating method in the first aspect.
In a fourth aspect, the present application also provides a computer-readable storage medium. The computer readable storage medium has stored thereon a computer program which, when executed by a processor, implements the barrier-free web page generation method of the first aspect described above.
The barrier-free webpage generating method, the barrier-free webpage generating device, the computer equipment and the storage medium acquire document object model data of the webpage, wherein the document object model data consists of a plurality of nodes, and each node comprises content and labels; acquiring a preset rule set, wherein each preset rule comprises a label and a logic conversion code; traversing nodes in the document object model data, and matching each preset rule in the preset rule set with a label of a current node; if the label of the first preset rule is consistent with the label of the current node, determining that the first preset rule is matched with the current node, and modifying the content of the current node according to the logic conversion code of the first preset rule; according to the modified document object model data, generating an accessible webpage, automatically and quickly generating the accessible webpage based on the original code on the basis of no need of learning and knowing rules and code writing modes of the accessible webpage by a user, and reducing labor and time cost for generating the accessible webpage.
Drawings
FIG. 1 is a flowchart of a method for generating an unobstructed web page in one embodiment;
FIG. 2 is a schematic diagram of a preset rule set in one embodiment;
FIG. 3 is a block diagram of an automated barrier-free web page conversion system in one embodiment;
FIG. 4 is a schematic diagram of a preset rule data stream in one embodiment;
FIG. 5 is a flow chart of code conversion by the code barrier-free processing module in one embodiment;
FIG. 6 is a schematic diagram of nodes of a DOM tree in one embodiment;
FIG. 7 is a block diagram showing the structure of an unobstructed code generating device in one embodiment;
fig. 8 is an internal structural diagram of a computer device in one embodiment.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application will be further described in detail with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the present application.
In one embodiment, as shown in fig. 1, a flowchart of a method for generating an unobstructed web page is provided, where the method is applied to a terminal for illustration, it is understood that the method may also be applied to a server, and may also be applied to a system including the terminal and the server, and implemented through interaction between the terminal and the server. In this embodiment, the method includes the steps of:
Step S101, acquiring document object model data of a webpage, wherein the document object model data consists of a plurality of nodes, and each node comprises content and labels. Optionally, the code of the web page is parsed to generate document object model data. The document object model data may be a DOM (Document Object Model ) tree.
Step S102, a preset rule set is obtained, wherein each preset rule comprises a label and a logic conversion code. The preset rule set is used for converting the webpage codes into barrier-free webpage codes. Wherein, no obstacle refers to one attribute of environment or system, which is used for serving people with different degrees of physiological disability and normal mobility decline.
Step S103, traversing the nodes in the document object model data, and matching each preset rule in the preset rule set with the label of the current node.
Step S104, if the label of the first preset rule is consistent with the label of the current node, the first preset rule is determined to be matched with the current node, and the content of the current node is modified according to the logic conversion code of the first preset rule.
When the current node is accessed, matching the label of the current node with the labels of all preset rules, and if at least one label consistent with the label of the current node exists in the preset rules, determining the preset rules as first preset rules. Optionally, the first preset rule includes an HTML tag, and if it is determined that the first preset rule matches the current node, logic conversion code of the preset rule is executed based on the HTML tag of the first preset rule, so as to convert the web page code into the barrier-free web page code.
Step S105, generating an unobstructed webpage according to the modified document object model data. And respectively carrying out matching of a preset rule set on the traversed nodes, mounting the node content obtained according to the logic conversion codes into the current node, and obtaining the barrier-free webpage after all nodes of the document object model data are traversed.
In the method for generating the barrier-free webpage, according to the result of the preset rule and the node matching, the logic conversion code of the preset rule is executed, the webpage code is automatically converted into the barrier-free webpage code, the user does not need to additionally learn the rule and the code writing mode of the barrier-free webpage, or the service and the resource of the webpage are redeployed, so that the rapid and automatic barrier-free webpage conversion can be realized, the cost for generating the barrier-free webpage is reduced, and meanwhile, the barrier-free webpage generation efficiency is improved.
In one embodiment, obtaining the set of preset rules includes: acquiring natural language rules for describing barrier-free webpage standards; generating a preset rule according to the natural language rules; if a single natural language rule capable of acting on part of the labels in the document object model data exists, generating a plurality of preset rules according to the single natural language rule, wherein each preset rule corresponds to one label; if a single natural language rule capable of acting on all labels in the document object model data exists, generating a single preset rule according to the single natural language rule; if a plurality of natural language rules which can act on the same label in the document object model data and can be realized based on the same processing logic exist, a single preset rule is generated according to the plurality of natural language rules.
The natural language rules describing the barrier-free webpage standard can be obtained according to a WCAG2.1 document and a WCAG2.1 technical document, wherein the WCAG2.1 comprises 78 measurable barrier-free standards, and 3 levels are defined: A. AA and AAA, where a is the minimum standard for web page guaranteed accessibility.
The conversion of the natural language rules and the preset rules is not a one-to-one relationship, and if one rule can act on two HTML labels, the rule is converted into two pieces of structured data; if a rule is valid for all HTML tags, the structured data after the rule conversion is referred to as a common rule, and the common rule and non-common rule are stored separately.
Illustratively, for natural language rules ARIA24: semantically identifying a font icon with role = "img", fonticon may be implemented by i-tag or span tag, and thus the rule ARIA24 is implemented, so this rule is converted into two non-common rules.
C12: using percent for font sizes for natural language rules; natural language rules C14: using em units for fontsizes; the natural language rules C17: scaling form elements which contain text and the natural language rules C28: specifyingthe size of text containers using em units are all the barrier-free webpage standards described by the four rules, which are self-adaptive processing text sizes, and the text sizes can be adjusted by setting the font-size attribute through all tags in the document object model data so as to realize the four rules, so that the four rules can be realized based on the same processing logic, and the four rules can be combined and converted into a common rule.
For the natural language rule G94: providing short text alternative for non-text content that serves the samepurpose and presents the same information as the non-text content, the natural language rule is applicable to img, i, span, audio, video, canvas six HTML tags, so that the natural language rule is converted into six non-public rules.
After generating the preset rule according to the natural language rule, the method further comprises: judging whether a preset rule contains all tags in the document object model data or not; if the preset rule contains all tags in the document object model data, determining the preset rule as a public rule, and storing the public rule in a first field in an array form; if all the labels are not contained in the preset rule, determining that the preset rule is a non-public rule, and storing the non-public rule in the second field in an array form.
The method comprises the steps of obtaining preset rules stored in the form of structured data through converting natural language rules, wherein the structured data is data which is in a standardized format, has a well-defined structure, accords with a data model, follows a lasting sequence and is easy to access by human beings and programs.
Optionally, the first field is a common rules field, and the common rules field stores each common rule in an array form. The second field is a tagsRules field, the tagsRules field is stored in a key-value form, wherein the key is the name of an HTML tag applicable to the non-public rule, and the value stores the non-public rule corresponding to each HTML tag in an array form.
Each preset rule exists a field: ruleId, from, changeFunction or warningFunction, wherein a rule id is a unique identifier of the rule; from is an array for storing the sequence number of WCAG 2.1 Techniques rule corresponding to the common rule or non-common rule; the change function and the warningFunction are two types of logical conversion codes stored in the form of character strings. Only one field in the change function and the warning function exists in one public rule or one non-public rule, the change function is suitable for a rule that codes can be converted through a program without human intervention, and the change function is executed to perform forced code conversion; the warning function is applicable to rules requiring human intervention for further processing, and execution of the warning function gives an error or warning alert to the engineer without forced transcoding.
Fig. 2 is a schematic diagram of a preset rule set in the present embodiment, and as shown in fig. 2, the preset rule set is presented in a JSON file. The change function and the warningFunction only present key pseudocode. In the case that the first preset rule of the current node match is the preset rule of the rule id "i-2" shown in fig. 2 and the preset rule of the rule id "img-1", specific logic of executing the setlnnertext method in "i-2" and the setImgAlt method of "img-1" is as follows:
under the condition that the img label is matched, if the current node has the alt attribute, the current node is not processed; otherwise, judging whether the following contents exist in sequence: innerText, className, the text child content of the last sibling, the text child content of the parent. In the case of judging that the content exists, setting the alt attribute as the first content which is determined to exist; in case that none of the above is judged to exist, return error tips; the return ErrorTips is used to add a key (value) to the patch as a tips content and add a wcag-tips attribute to the corresponding node.
If the current node has the InnerText, the current node is not processed under the condition of matching to the i label, the span label or the canvas label; otherwise, judging whether the following contents exist in sequence: the className, the text child node content of the last brother node and the text child node content of the father node; if none exist, return ErrorTips is executed, returning an error hint.
Under the condition of matching to the audio or video label, if a track child node exists under the current node, the current node is not processed; otherwise, executing the return error tips and returning an error prompt lacking track.
In one embodiment, after traversing the nodes in the document object model data, the method further comprises: and setting index values for nodes of the document object model data in turn according to the traversing sequence, and mounting the index values on the current nodes.
Optionally, an index is set according to the access sequence of the depth-first traversal, the index value of the first node is designed to be 1, and the index value is used as the value of the attribute tabinex of the current node to be mounted on the DOM tree. The index is set according to the access sequence of the nodes, so that the disabled or the old who can use the keyboard without using the mouse can browse the webpage information through the keyboard or interact with the webpage, and the accessible keyboard index of the webpage is realized.
In one embodiment, matching each preset rule in the preset rule set with the label of the current node includes: if the public rules applicable to all tags in the document object model data of the webpage exist in the preset rule set, the public rules are used as first preset rules; and if the non-common rules applicable to part of labels in the document object model data of the webpage exist in the preset rule set, taking the non-common rules consistent with the labels of the current nodes as first preset rules. And if the preset rules comprise the public rules and the non-public rules, taking the public rules and the non-public rules consistent with the labels of the current nodes as first preset rules.
Modifying the content of the current node according to the logic conversion code of the first preset rule, including: based on the logic conversion code of the first preset rule, judging whether the content of the current node is consistent with the first preset rule; if the nodes are consistent, traversing the next node; and if the node contents are inconsistent, mounting the node contents obtained according to the logic conversion codes into the current node, and storing the node contents obtained according to the logic conversion codes into the patch.
Under the condition that the first preset rule is determined, judging whether the current node meets the barrier-free webpage standard indicated by the first preset rule or not by executing the logic conversion code of the first preset rule on the current node. If the current node does not meet the barrier-free webpage standard indicated by the first preset rule, the content of the current node is different from the first preset rule, the current node is modified according to the logic conversion code in the first preset rule, the difference information between the current node and the first preset rule is stored in a patch (patch), the difference information comprises the logic conversion code, the index value of the current node and the identifier of the first preset rule, and if the current node cannot be modified according to the logic conversion code in the first preset rule, the difference information also comprises a preset field for giving an error or warning prompt.
Modifying the content of the current node according to the logic conversion code of the first preset rule, including: if the content of the current node cannot be modified according to the logic conversion code of the first preset rule, a preset field is generated, the preset field is mounted on the current node, and the preset field is stored in the patch.
If the logic conversion code according to the first preset rule fails to modify the content of the current node, or the logic conversion code indicates that the first preset rule cannot be realized in an automatic mode, the modification of the node needs to be manually intervened, and a preset field is generated. Wherein the preset field is used for giving an error or warning prompt.
Optionally, the patch stores the difference information in the form of key-value, where key is the node index number, value is the difference content, and the patch contains 4 fields: ruleId, changeFunction, warningFunction and tips, wherein only one field of the change function and the warning function appears in one piece of difference information patch, and the tips field is a preset field for giving an error or warning prompt. After the logic conversion codes stored in the change function character string or the warning function character string are executed, if the logic conversion codes according to the first preset rule fail to modify the content of the current node or the logic conversion codes indicate that the first preset rule cannot be realized in an automatic mode, executing a return error tips method, marking error or warning information through tips fields, and storing tips fields into a patch; when the tips field exists, the piece of difference content is mounted on the corresponding DOM node in the form of attributes.
Illustratively, the web page code includes HTML code and CSS code, and the document object model data is a DOM tree that is converted based on the web page code. If the DOM tree includes a node div, the node div includes a child node p and a child node img. The child node p comprises a child node i, and the content in the child node p comprises a plain text node text user head portrait: "and 2 attributes, two attributes are" className ", respectively: 'avatar' "and" style.fontsize:20 px). The child node img includes 1 attribute "src: ' https: the// an-avatar-url' ". Child node i includes an attribute "className: 'icon-avatar'.
Then access is made to the nodes in traversal order:
the access node div sets the index value to 1. Matching and comparing rules (preset rule set), wherein the rules comprise common rules and tagsRules (non-common rules). Since common rules are to be applied on all HTML tags in the DOM tree, first, a common rule of "common-1" for rule id in common rules is executed on node div, change function of this common rule is executed, fontSize of node div is set to 1rem, and this attribute is mounted on node div while this modification information is stored in variable patch. The patch stores the difference information in the form of key-value, where key is the index value of the node and value is the difference information content. The patch content at this time is:
[{
1： {
ruleId： “common-1”,
changeFunction： “() =>{
const HTMLDOM = document.getElementsByTagName(‘html')[0];
const DOMFontSize = window.getComputedStyle(DOM).fontSize;
const HTMLDOMFontSize = window.getComputedStyle(HTMLDOM).fontSize;
const remValue = DOMFontSize / HTMLDOMFontSize;
DOM.style.fontSize = remValue;
}”
}]。
The child node p is accessed and the index value is set to 2. Matching against rule, first executing common rule with rule id "common-1". Executing the changeFunction of the public rule, wherein the child node p is already provided with the fontSize of 20px, and the default fontSize of the HTML label in the public rule is 16px, so that the new fontSize of the child node p is calculated to be 0.8rem, the attribute value is replaced by the original fontSize attribute value of the child node p, and the modification information is stored in the patch;
accessing the child node i and setting the index value to 3. Matching against rule, first executing common rule with rule id "common-1". The change function of the common rule is executed, the fontSize of the child node i is set to be 1rem, the attribute is mounted on the child node i, and the modification information is stored in the patch. Matching to a rule array with a key of i in tagsRules, executing a non-public rule with a rule Id of "i-1", executing a change function of the rule, and executing the attribute "role: 'img' "is mounted to child node i while this modification information is stored in latch. Executing a non-public rule with a rule id of "i-2", and executing a change function of the non-public rule to set the incertext content, wherein the setting logic of the incertext is as follows: check if the lnnertext is present. If the existence is judged to be absent, the className is searched, and the className is determined to be "icon-avatar". Setting the innerText as "icon-avatar" by creating a text child node with "icon-avatar" for child node i, and storing the modification information into the patch;
The child node img is accessed and the index value is set to 4. Matching and comparing the rules, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of the child node img to be 1rem, mounting the attribute on the child node img, and storing the modification information into a patch; matching to a rule array with key being img in tagsRules, executing a non-public rule with rule Id being 'img-1', and executing a change function of the non-public rule to set alt attribute contents, wherein the setting logic of the alt attribute contents is as follows: check if the alt attribute is present. Judging that the alt attribute does not exist, and searching for the innerText. Judging that the innerText is not found, searching the text child node content of the last brother node, and obtaining the content as a user head portrait: "text node. Setting the alt attribute as "user avatar: ", and mounts the attribute to child node img, while storing the modification information into patch.
In one embodiment, as shown in fig. 3, a block diagram of an automated barrier-free web page conversion system is provided, the system including a barrier-free rules module and a code barrier-free processing module. The method comprises the steps of outputting a structured preset rule set by an accessible rule module, and converting a code accessible processing module into accessible webpages according to the preset rule set.
Fig. 4 is a schematic diagram illustrating a preset rule data flow in an embodiment. As shown in fig. 4, the barrier-free rule module outputs a structured preset rule set, including: and filtering the rules in the WCAG2.1 and the WCAG2.1 technologies to obtain natural language rules for describing the barrier-free webpage standard. The rules screened out in WCAG2.1 and WCAG2.1 technologies are rules that are not necessary to implement or are not easy to abstract, for example, SCR22: using scripts to control blinking and stop it in five seconds or less this detail is not necessary because the blinking element is currently implemented by css style (Cascading Style Sheets, cascading style sheet) rather than script, and animation implemented by css can be checked for duration to determine if it is within 5 seconds. Abstract the natural language rules obtained after screening to obtain structured data which can be understood by a computer program, outputting the structured data in the form of a document to obtain a preset rule set for automatically generating barrier-free web pages, and storing the document in a database.
The code non-obstacle processing module acquires a preset rule set in a mode of sending a request to the server, the server responds with a JSON file after receiving the request, reads the preset rule set in the database, and responds the preset rule set to the code non-obstacle processing module.
In one embodiment, fig. 5 is a schematic flow chart of code conversion by the code unobstructed processing module in one embodiment, as shown in fig. 5.
In step S501, the original code of the web page is read.
Step S502, traversing the original code DOM tree according to the depth-first traversing method.
Step S503, determining whether the traversal is completed. If it is determined that the traversal is completed, step S509 is executed, and if it is determined that the traversal is not completed, step S504 is executed.
Step S504, adding an index to the DOM node. And adding an index to each node in the DOM tree according to the traversing sequence, wherein the index is beneficial to subsequent searching operation.
In step S505, matching comparison is performed with a rule (preset rule set), and the collected difference is stored in a variable patch. And matching and comparing each DOM node with a preset rule set rule one by one, obtaining the difference through comparison, collecting the difference and storing the difference into a variable patch.
Step S506, judging whether the DOM node can be modified according to the preset rule obtained by matching. If the DOM node can be modified, executing step S507; otherwise, step S508 is performed.
Step S507, the DOM tree is modified, and step S502 is executed.
Step S508, the error or warning prompt information is mounted on the corresponding DOM node, and step S502 is executed.
Step S509, outputting the DOM tree without barrier, and outputting the patch for the engineer to confirm and trace.
Optionally, the landing page code is as follows:
<style>
.login-title { font-size: 28px; }
.login-box { width: 360px; }
.form-item-content {
line-height: 40px;
font-size: 14px;
}
.login-btns { font-size: 15px; }
</style>
<div class="login">
<img src="/img/logo.png" style="height:60px;">
< h1 class= "logic-title" > "medical big data Intelligent management software
<div class="login-box">
<form class="form">
<div class="form-item">
<div class="form-item-content">
<div class="input-prepend">
<i class="icon-user"></i>
</div>
< input type= "text" auto complete= "off" placeholder= "please input phone number"/>
</div>
</div>
<div class="form-item">
<div class="form-item-content">
<div class="input-prepend">
< i class= "icon-key" > code
</div>
< input type= "password" auto complete= "off" placeholder= "please input password"/>
</div>
</div>
</form>
< button type= "button" class= "logic-btns" > "login >/button >
</div>
</div>
A DOM tree of the landing page code is obtained. The DOM tree of the login page code comprises a plurality of nodes div, img, h1, div, form, button, input and i with different attributes. FIG. 6 is a schematic diagram of nodes of the DOM tree in this embodiment, the relationship between the nodes being as shown in FIG. 6.
Traversing the DOM tree according to the depth priority principle, wherein the traversing process is as follows:
accessing to a node div, and setting an index value to be 1; matching and comparing the rule, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of div to be 1rem, mounting the attribute on the node div, and storing the modification information into a patch;
accessing to a node img, and setting an index value to be 2; matching and comparing the rules, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of img to 1rem, mounting the attribute on the node img, and storing the modification information into a patch; matching to a non-public rule array with key being img in tagsRules, executing a non-public rule with rule Id being 'img-1', executing a change function of the non-public rule to set alt attribute content, wherein the setting logic of the alt attribute content is as follows: firstly checking whether alt attribute exists, finding that alt attribute does not exist, finding that incertext exists, finding that text child node content of a last brother node exists, finding that a last brother node exists, finding text child node content of a father node, finding that text child node content of a father node does not exist, and then requiring return error tips to mount attribute wcag-tips on node img: 'lack alt', store the modification information in the patch, and besides ruleId, changeFunction, there is a tips in the patch: 'img tag must set alt attribute';
Accessing to a node h1, and setting an index value to be 3; matching and comparing the rules, firstly executing a common rule with a rule Id of 'common-1', executing a change function of the common rule, calculating to obtain a new fontSize of the node h1 as 1.75rem because the node h1 is already provided with a fontSize of 28px and a root node HTML default fontSize is 16px, replacing the original fontSize attribute value of the node h1 with the attribute value, and storing the modification information into a latch;
accessing to a node div, and setting an index value to be 4; matching and comparing the rule, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of div to be 1rem, mounting the attribute on the node div, and storing the modification information into a patch;
accessing to a node form, and setting an index value to be 5; matching and comparing the rules, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting a fontSize of form to be 1rem, mounting the attribute on a node form, and storing the modification information into a patch;
accessing to a node div, and setting an index value to be 6; matching and comparing the rule, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of div to be 1rem, mounting the attribute on the node div, and storing the modification information into a patch;
Accessing to a node div, and setting an index value to be 7; matching and comparing the rules, firstly executing a common rule with a rule Id of 'common-1', executing a change function of the common rule, and storing the modification information into a latch while calculating to obtain a new fontSize of the node div as 0.875rem because the node div is set to be 14px and the root node HTML default fontSize is 16 px;
accessing to a node div, and setting an index value to be 8; matching and comparing the rule, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of div to be 1rem, mounting the attribute on the node div, and storing the modification information into a patch;
accessing to a node i, and setting an index value to be 9; matching and comparing the rule, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of i to 1rem, mounting the attribute on a node i, and storing the modification information into a patch; matching to a non-public rule array with key i in tagsRules, executing a non-public rule with rule Id being "i-1", executing a change function of the non-public rule, and executing the attribute "role: 'img' "is mounted on node i while storing this modification information into the patch; executing a non-public rule with a rule id of "i-2", and executing a change function of the non-public rule to set the incertext content, wherein the setting logic of the incertext is as follows: firstly checking whether an innerText exists or not, finding that the innerText does not exist, searching a className of the innerText as an "icon-user", setting the innerText as an "icon-user", creating a text child node with the content of "icon-user" for a node i, and storing modification information into a patch;
Accessing to a node input, and setting an index value to be 10; matching and comparing the rules, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of input to 1rem, mounting the attribute on the node input, and storing the modification information into a latch;
accessing to a node div, and setting an index value to be 11; matching and comparing the rule, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of div to be 1rem, mounting the attribute on the node div, and storing the modification information into a patch;
accessing to a node div, and setting an index value as 12; matching and comparing the rules, firstly executing a common rule with a rule Id of 'common-1', executing a change function of the common rule, and storing the modification information into a latch while calculating to obtain a new fontSize of the node div as 0.875rem because the node div is set to be 14px and the root node HTML default fontSize is 16 px;
accessing to a node div, and setting an index value to be 13; matching and comparing the rule, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of div to be 1rem, mounting the attribute on the node div, and storing the modification information into a patch;
Accessing to a node i, and setting an index value to be 14; matching and comparing the rule, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of i to 1rem, mounting the attribute on a node i, and storing the modification information into a patch; matching to a non-public rule array with key i in tagsRules, executing a non-public rule with rule Id being "i-1", executing a change function of the non-public rule, and executing the attribute "role: 'img' "is mounted on node i while storing this modification information into the patch; executing a non-public rule with a rule Id of "i-2", executing a change function of the non-public rule to set the inNerText content, checking to find that the inNerText exists, namely, a text child node with the content of "password" on a DOM tree, so that no additional processing is performed;
accessing to a node input, and setting an index value to be 15; matching and comparing the rules, firstly executing a common rule with a rule Id of common-1, executing a change function of the common rule, setting the fontSize of input to 1rem, mounting the attribute on the node input, and storing the modification information into a latch;
accessing to the node button, and setting an index value to be 16; matching and comparing rule, firstly executing common rule of rule Id as "common-1", executing change function of the common rule, because node button has set fontSize as 15px and root node HTML default fontSize as 16px, calculating new fontSize of node button as 0.9375rem, replacing original fontSize attribute value of node button with the attribute value, and storing the modification information in patch.
After the log-in page is unobstructed, the difference information patch collected in the unobstructed process can be printed through the control console.
It should be understood that, although the steps in the flowcharts related to the embodiments described above are sequentially shown as indicated by arrows, these steps are not necessarily sequentially performed in the order indicated by the arrows. The steps are not strictly limited to the order of execution unless explicitly recited herein, and the steps may be executed in other orders. Moreover, at least some of the steps in the flowcharts described in the above embodiments may include a plurality of steps or a plurality of stages, which are not necessarily performed at the same time, but may be performed at different times, and the order of the steps or stages is not necessarily performed sequentially, but may be performed alternately or alternately with at least some of the other steps or stages.
Based on the same inventive concept, the embodiment of the application also provides an unobstructed code generating device for implementing the unobstructed webpage generating method. The implementation of the solution provided by the device is similar to the implementation described in the above method, so the specific limitation in the embodiments of the one or more barrier-free code generating devices provided below may refer to the limitation of the barrier-free webpage generating method described above, and will not be repeated here.
In one embodiment, as shown in fig. 7, there is provided a block diagram of a barrier-free code generating apparatus, comprising:
the system comprises an acquisition module, a logic conversion module and a logic conversion module, wherein the acquisition module is used for acquiring document object model data of a webpage and a preset rule set, wherein the document object model data consists of a plurality of nodes, each node comprises content and a label, and each preset rule comprises a label and a logic conversion code;
the conversion module is used for traversing the nodes in the document object model data and matching each preset rule in the preset rule set with the label of the current node; if the label of the first preset rule is consistent with the label of the current node, determining that the first preset rule is matched with the current node, and modifying the content of the current node according to the logic conversion code of the first preset rule; and generating an unobstructed webpage according to the modified document object model data.
The various modules in the apparatus may be implemented in whole or in part by software, hardware, and combinations thereof. The above modules may be embedded in hardware or may be independent of a processor in the computer device, or may be stored in software in a memory in the computer device, so that the processor may call and execute operations corresponding to the above modules.
In one embodiment, a computer device is provided, which may be a server, and the internal structure of which may be as shown in fig. 8. The computer device includes a processor, a memory, an Input/Output interface (I/O) and a communication interface. The processor, the memory and the input/output interface are connected through a system bus, and the communication interface is connected to the system bus through the input/output interface. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, computer programs, and a database. The internal memory provides an environment for the operation of the operating system and computer programs in the non-volatile storage media. The database of the computer device is for storing a set of preset rules. The input/output interface of the computer device is used to exchange information between the processor and the external device. The communication interface of the computer device is used for communicating with an external terminal through a network connection. The computer program, when executed by a processor, implements a barrier-free web page generation method.
It will be appreciated by those skilled in the art that the structure shown in fig. 8 is merely a block diagram of some of the structures associated with the present application and is not limiting of the computer device to which the present application may be applied, and that a particular computer device may include more or fewer components than shown, or may combine certain components, or have a different arrangement of components.
In an embodiment, there is also provided a computer device comprising a memory and a processor, the memory having stored therein a computer program, the processor implementing the steps of the method embodiments described above when the computer program is executed.
In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored which, when executed by a processor, carries out the steps of the method embodiments described above.
Those skilled in the art will appreciate that implementing all or part of the above described methods may be accomplished by way of a computer program stored on a non-transitory computer readable storage medium, which when executed, may comprise the steps of the embodiments of the methods described above. Any reference to memory, database, or other medium used in the various embodiments provided herein may include at least one of non-volatile and volatile memory. The nonvolatile Memory may include Read-Only Memory (ROM), magnetic tape, floppy disk, flash Memory, optical Memory, high density embedded nonvolatile Memory, resistive random access Memory (ReRAM), magnetic random access Memory (Magnetoresistive Random Access Memory, MRAM), ferroelectric Memory (Ferroelectric Random Access Memory, FRAM), phase change Memory (Phase Change Memory, PCM), graphene Memory, and the like. Volatile memory can include random access memory (Random Access Memory, RAM) or external cache memory, and the like. By way of illustration, and not limitation, RAM can take many forms, such as static Random access memory (Static Random Access Memory, SRAM) or Dynamic Random access memory (Dynamic Random AccessMemory, DRAM), among others. The databases referred to in the various embodiments provided herein may include at least one of relational databases and non-relational databases. The non-relational database may include, but is not limited to, a blockchain-based distributed database, and the like. The processors referred to in the embodiments provided herein may be general purpose processors, central processing units, graphics processors, digital signal processors, programmable logic units, quantum computing-based data processing logic units, etc., without being limited thereto.
The technical features of the above embodiments may be arbitrarily combined, and all possible combinations of the technical features in the above embodiments are not described for brevity of description, however, as long as there is no contradiction between the combinations of the technical features, they should be considered as the scope of the description.
The above examples only represent a few embodiments of the present application, which are described in more detail and are not to be construed as limiting the scope of the present application. It should be noted that it would be apparent to those skilled in the art that various modifications and improvements could be made without departing from the spirit of the present application, which would be within the scope of the present application. Accordingly, the scope of protection of the present application shall be subject to the appended claims.
Claims (8)
1. A method for generating an unobstructed web page, the method comprising:
acquiring document object model data of a webpage, wherein the document object model data consists of a plurality of nodes, and each node comprises content and a label;
acquiring a preset rule set, wherein each preset rule comprises a label and a logic conversion code;
traversing nodes in the document object model data, and matching each preset rule in the preset rule set with a label of a current node;
If the label of the first preset rule is consistent with the label of the current node, determining that the first preset rule is matched with the current node, and modifying the content of the current node according to the logic conversion code of the first preset rule;
generating an unobstructed webpage according to the modified document object model data;
wherein, matching each preset rule in the preset rule set with the label of the current node comprises: if the public rule applicable to all tags in the document object model data of the webpage exists in the preset rule set, the public rule is used as the first preset rule; if the non-public rule applicable to part of labels in the document object model data of the webpage exists in the preset rule set, taking the non-public rule consistent with the label of the current node as the first preset rule; the preset rules are generated according to natural language rules for describing barrier-free webpage standards;
modifying the content of the current node according to the logic conversion code of the first preset rule, including: judging whether the content of the current node is consistent with the first preset rule or not based on the logic conversion code of the first preset rule; if the nodes are consistent, traversing the next node; and if the node contents are inconsistent, mounting the node contents obtained according to the logic conversion codes into the current node, and storing the node contents obtained according to the logic conversion codes into a patch.
2. The method of claim 1, wherein modifying the content of the current node according to the logical translation code of the first preset rule comprises:
if the content of the current node cannot be modified according to the logic conversion code of the first preset rule, a preset field is generated, the preset field is mounted on the current node, and the preset field is stored in a patch.
3. The method of claim 1, wherein obtaining a set of preset rules comprises:
if a single natural language rule capable of acting on part of the labels in the document object model data exists, generating a plurality of preset rules according to the single natural language rule, wherein each preset rule corresponds to one label; if single natural language rules capable of acting on all labels in the document object model data exist, generating a single preset rule according to the single natural language rules; if a plurality of natural language rules which can act on the same label in the document object model data and can be realized based on the same processing logic exist, a single preset rule is generated according to the plurality of natural language rules.
4. A method according to claim 3, wherein after generating the preset rule from the natural language rules, the method further comprises:
judging whether the preset rule contains all tags in the document object model data or not;
if the preset rule comprises all tags in the document object model data, determining the preset rule as a public rule, and storing the public rule in a first field in an array form;
and if all the labels are not contained in the preset rule, determining that the preset rule is a non-public rule, and storing the non-public rule in a second field in an array form.
5. The method of claim 1, wherein after traversing the nodes in the document object model data, the method further comprises:
and setting index values for the nodes of the document object model data in turn according to the traversing sequence, and mounting the index values on the current nodes.
6. An accessible code generation apparatus, the apparatus comprising:
the system comprises an acquisition module, a logic conversion module and a logic conversion module, wherein the acquisition module is used for acquiring document object model data of a webpage and a preset rule set, wherein the document object model data consists of a plurality of nodes, each node comprises content and a label, and each preset rule comprises a label and a logic conversion code;
The conversion module is used for traversing the nodes in the document object model data and matching each preset rule in the preset rule set with the label of the current node; if the label of the first preset rule is consistent with the label of the current node, determining that the first preset rule is matched with the current node, and modifying the content of the current node according to the logic conversion code of the first preset rule; generating an unobstructed webpage according to the modified document object model data;
wherein, matching each preset rule in the preset rule set with the label of the current node comprises: if the public rule applicable to all tags in the document object model data of the webpage exists in the preset rule set, the public rule is used as the first preset rule; if the non-public rule applicable to part of labels in the document object model data of the webpage exists in the preset rule set, taking the non-public rule consistent with the label of the current node as the first preset rule; the preset rules are generated according to natural language rules for describing barrier-free webpage standards; modifying the content of the current node according to the logic conversion code of the first preset rule, including: judging whether the content of the current node is consistent with the first preset rule or not based on the logic conversion code of the first preset rule; if the nodes are consistent, traversing the next node; and if the node contents are inconsistent, mounting the node contents obtained according to the logic conversion codes into the current node, and storing the node contents obtained according to the logic conversion codes into a patch.
7. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor implements the method of any one of claims 1 to 5 when executing the computer program.
8. A computer readable storage medium, on which a computer program is stored, characterized in that the computer program, when being executed by a processor, implements the method of any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311251051.7A CN117056637B (en) | 2023-09-26 | 2023-09-26 | Barrier-free webpage generation method, barrier-free webpage generation device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311251051.7A CN117056637B (en) | 2023-09-26 | 2023-09-26 | Barrier-free webpage generation method, barrier-free webpage generation device, computer equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN117056637A CN117056637A (en) | 2023-11-14 |
| CN117056637B true CN117056637B (en) | 2024-03-12 |
Family
ID=88661134
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311251051.7A Active CN117056637B (en) | 2023-09-26 | 2023-09-26 | Barrier-free webpage generation method, barrier-free webpage generation device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117056637B (en) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103593414A (en) * | 2013-10-29 | 2014-02-19 | 北京奇虎科技有限公司 | Showing method and device of webpages in browser |
| CN104866512A (en) * | 2014-02-26 | 2015-08-26 | 腾讯科技（深圳）有限公司 | Method, device and system for extracting webpage content |
| CN110083707A (en) * | 2019-04-26 | 2019-08-02 | 苏州热工研究院有限公司 | A method of building nuclear power fire protection rule rule base |
| CN110187878A (en) * | 2019-05-29 | 2019-08-30 | 北京三快在线科技有限公司 | A kind of page generation method and device |
| CN110489625A (en) * | 2019-07-29 | 2019-11-22 | 北京百分点信息科技有限公司 | A kind of generation method and device of collecting webpage data template |
| US10839039B1 (en) * | 2019-12-12 | 2020-11-17 | Capital One Services, Llc | Webpage accessibility compliance |
| CN115658993A (en) * | 2022-09-27 | 2023-01-31 | 观澜网络(杭州)有限公司 | Intelligent extraction method and system for core content of webpage |
| CN115905759A (en) * | 2022-10-20 | 2023-04-04 | 深圳前海微众银行股份有限公司 | Barrier-free webpage generation method, device, medium and equipment |
| CN116383542A (en) * | 2023-04-10 | 2023-07-04 | 北京达佳互联信息技术有限公司 | Page generation method and device, electronic equipment and storage medium |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130290480A1 (en) * | 2010-01-11 | 2013-10-31 | Ensighten, Inc. | Use of Method Overrides for Dynamically Changing Visible Page Content |
| US11482133B2 (en) * | 2019-09-04 | 2022-10-25 | Optum Services (Ireland) Limited | Automatically modifying display presentations to programmatically accommodate for visual impairments |
-
2023
- 2023-09-26 CN CN202311251051.7A patent/CN117056637B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103593414A (en) * | 2013-10-29 | 2014-02-19 | 北京奇虎科技有限公司 | Showing method and device of webpages in browser |
| CN104866512A (en) * | 2014-02-26 | 2015-08-26 | 腾讯科技（深圳）有限公司 | Method, device and system for extracting webpage content |
| CN110083707A (en) * | 2019-04-26 | 2019-08-02 | 苏州热工研究院有限公司 | A method of building nuclear power fire protection rule rule base |
| CN110187878A (en) * | 2019-05-29 | 2019-08-30 | 北京三快在线科技有限公司 | A kind of page generation method and device |
| CN110489625A (en) * | 2019-07-29 | 2019-11-22 | 北京百分点信息科技有限公司 | A kind of generation method and device of collecting webpage data template |
| US10839039B1 (en) * | 2019-12-12 | 2020-11-17 | Capital One Services, Llc | Webpage accessibility compliance |
| CN115658993A (en) * | 2022-09-27 | 2023-01-31 | 观澜网络(杭州)有限公司 | Intelligent extraction method and system for core content of webpage |
| CN115905759A (en) * | 2022-10-20 | 2023-04-04 | 深圳前海微众银行股份有限公司 | Barrier-free webpage generation method, device, medium and equipment |
| CN116383542A (en) * | 2023-04-10 | 2023-07-04 | 北京达佳互联信息技术有限公司 | Page generation method and device, electronic equipment and storage medium |
Non-Patent Citations (2)
| Title |
|---|
| Improving Collaboration Efficiency Between UX/UI Designers and Developers in a Low-Code Platform;Pacheco, J 等;24TH ACM/IEEE INTERNATIONAL CONFERENCE ON MODEL-DRIVEN ENGINEERING LANGUAGES AND SYSTEMS COMPANION (MODELS-C 2021);第140-149页 * |
| 基于jsoup的Web页面自适应转换系统的实现;顾问;曹阳;;电子技术与软件工程(18);第200-202页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN117056637A (en) | 2023-11-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US7941420B2 (en) | Method for organizing structurally similar web pages from a web site | |
| US9384175B2 (en) | Determination of differences between electronic documents | |
| US9268749B2 (en) | Incremental computation of repeats | |
| US11907203B2 (en) | Path encoded tree structures for operations | |
| US10713306B2 (en) | Content pattern based automatic document classification | |
| US20080120257A1 (en) | Automatic online form filling using semantic inference | |
| JP2010501096A (en) | Cooperative optimization of wrapper generation and template detection | |
| JP2007156965A (en) | Document processing method, program, and system | |
| US10372980B2 (en) | Electronic form identification using spatial information | |
| CN109165373B (en) | Data processing method and device | |
| CN110705237A (en) | Automatic document generation method, data processing device, and storage medium | |
| CN112527291A (en) | Webpage generation method and device, electronic equipment and storage medium | |
| US20210271494A1 (en) | Vector-space representations of graphical user interfaces | |
| CN113094625B (en) | Page element positioning method and device, electronic equipment and storage medium | |
| CN116088846A (en) | Processing method, related device and equipment for continuous integrated code format | |
| CN113704420A (en) | Method and device for identifying role in text, electronic equipment and storage medium | |
| CN112328246A (en) | Page component generation method and device, computer equipment and storage medium | |
| CN117056637B (en) | Barrier-free webpage generation method, barrier-free webpage generation device, computer equipment and storage medium | |
| US20230153335A1 (en) | Searchable data structure for electronic documents | |
| CN113806667B (en) | Method and system for supporting webpage classification | |
| CN112114805B (en) | Page generation method, device and equipment | |
| CN114722112A (en) | Visual list data display method and device | |
| CN113779248A (en) | Data classification model training method, data processing method and storage medium | |
| CN113536762A (en) | JSON text comparison method and device | |
| US7428697B2 (en) | Preserving content or attribute information during conversion from a structured document to a computer program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |