Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What is the purpose of HTML5 offline caching

2025-01-16 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "what is the role of HTML5 offline cache", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "what is the role of HTML5 offline cache" article.

HTML5 Web Storage API can be seen as an enhanced version of cookie, which is not limited by data size, has better flexibility and architecture, can write data to the local ROM, and can restore data when you close the browser and open it again to reduce network traffic. At the same time, this function can be regarded as the background "operation record" in the other direction, without occupying any background resources, reducing the pressure on the equipment hardware and increasing the running fluency. Online app supports downloading offline cache while using it, or not downloading offline cache, while offline app can only be used after downloading offline cache.

Css selector:

(1) tag selector (simple selector)

(2) class selector

.s1 {

Attribute names: attribut

}

There is also a named class selector, as follows:

Div.s1 {

Font-size;120px

}

(3) id selector

# d1 {

Font-size:italic

Font-weight:900

}

Besides, write the first HTML5 App

Start Eclipse and select "New > Android Project" under the menu "File".

Under the project root, create two new directories:

/ libs

/ assets/www

Copy phonegap.js (from the PhoneGap unzipped Android directory, change the extracted js file name with the version number to phonegap.js) to / assets/www.

Copy phonegap.jar (from the PhoneGap unzipped Android directory, change the extracted jar file name with the version number to phonegap.jar) to / libs.

Copy the entire xml directory (from the PhoneGap unzipped Android directory, including a plugins.xml) to / res. [v1.0 rc2 or above]

Make minor adjustments to the main Java file in the src folder of Eclipse.

Change the inheritance of class from Activity to DroidGap

Replace setContentView () with super.loadUrl ("file:///android_asset/www/index.html");

Add import com.phonegap.*

Remove import android.app.Activity

Here you may encounter an error where Eclipse cannot find phonegap-1.0.0.jar. In this case, right-click the / libs folder to find Build Paths/ > Configure Build Paths. Then add phonegap-1.0.0.jar to the project in the Libraries tab. If Eclipse is not very stable, you need to click F5 to refresh the project.

Finally, I will introduce something about HTML5.

Some skills of simple operation

:

Important mark

(1) Link

Target= "_ black": open the link in a new window

Target= "_ selt": default, open in the current window

(2) Picture link

Border attribute value: to remove the default border.

(3) send email

Send an email

(4) Anchor point (jump on the same page)

Jump here.

Skip to top

(5) forms

Form one, form two.

BIAOGEBIAOGE

Alignment of tables

Align attribute: horizontal alignment. Value: left (default): left / rignt/center

Valign attribute: vertical alignment. Value: top/bottom (default) / middle

Irregular table

Colspan attribute: merge horizontal cells (juxtaposed)

Rowspan attribute: merge vertical cells (merge rows)

Tables can be nested

The complete definition of the table

There can only be 0 or 1 topic

The header can only be 0 or 1.

Watch foot

Surface body

The above is the content of this article on "what is the role of HTML5 offline caching". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report