Back to Question Center
0

HTML5 руу харагдах гүнзгийрүүлэх HTML5-ыг гүнзгийрүүлэн харуулах Холбогдох сэдэв: Вэб фонт Animation HTML SassCanvas & Semalt

1 answers:
HTML5 руу гүн гүнзгий шумбах

Саяхан би HTML5-д HTML-ийн 5 програмыг ApplicationCache ашиглан шинэ функцуудын талаар нийтлэл бичсэн.

Энэ нийтлэлд хариу өгсөн нь сайн байсан бөгөөд дараах зүйлсийг багтаасан:

  • ямар файлд кэш хийхээ шийдэх
  • эдгээр файлуудыг кэш хийхэд гарах нөлөөллүүд
  • ApplicationCache-ийг дибаг хийх

Тиймээс, энэ өгүүлэл эхэлнэ. Хэрэв танд байхгүй бол та өмнө нь өмнөх өгүүллийг уншиж байх ёстой.

Та ямар эх сурвалжаа аваад биш нь ApplicationCache-д нэмэх хэрэгтэй - comment faire un bulletin de paie excel.

Та кэшдээ юу хэрэгтэй вэ?

Техникийн хувьд, ApplicationCache-ээс нөөцийг нэмж, устгах нь хэцүү биш юм. Та CACHE: гэсэн хэсэгт cached-ээс хүссэн эх үүсвэрүүдийг зааж өгөх ёстой бөгөөд энэ нь тийм байна.

Заримдаа хүнд хэцүү шийдвэр нь ямар нөөцүүдийг та ApplicationCache-д нэмэх ёсгүй бөгөөд үүнийг нэмэх ёсгүй.

Надад зориулж кейс хийх тодорхой эх үүсвэрүүд нь:

  • CSS файлууд
  • JavaScript файлууд
  • Зураг
  • видео

Эдгээр нь офлайн кэшийн хувьд төгс нэр дэвшигчид юм. Хэрэв та офлайнаар ажиллаж байхдаа зургийг алга болгохыг хараад илүү их бухимдах юм бол, эсвэл бүр муухай хуудсууд буруу хуудсыг үүсгэдэг CSS файлууд байхгүй байна.

Алсын файлуудтай ажиллах, яаж зохицуулах вэ? Алсын файлуудтай ажиллаж байх үедээ хоёр тал бий.

Хэрэв вэбсайт SSL-ээр ажиллаагүй бол алсын зайн нөөцийг кэш хийж болно. Дараах тохиолдлуудад орон нутгийн нөөц бололцоо болон алсын jQuery сангаас ApplicationCache-д нэмдэг.

  CACHE MANIFEST# 2011 оны 10-р сарын 20-нд үүсгэсэн
CACHE:
цаг. css
цаг. js# Алсын файлыг хадгалах
http: // ajax. googleapis. com / ajax / libs / jquery / 1. 6. 4 / jquery. мин. js  

Хэрэв вэбсайт SSL-ээр ажиллаж байгаа бол ApplicationCache-д бичигдсэн нөөцүүд нь орон нутгийн нөөц байх ёстой. Google Semalt бол энэ дүрэмд үл хамаарах зүйл гэдгийг анхаарна уу - Semalt нь SSL-ээр үйлчлүүлснээс хойш алсын нөөцийг санах болно.

Семаль? Бүх хөтчүүд бүгд ижил дүрмээр тоглохыг хүсч байна.

Самаль нь ямар нөөцийг нөөцлөх эсвэл хадгалах ёсгүйг шийднэ.

Офлайн байсан үедээ хэрэглэгчид ямар боломжуудыг хүсч байгааг харуулах төлөвлөгөө боловсруулах. Хэрэв таны вэбсайт жишээлбэл мэдээллийн сантай харьцах юм бол вэбсайтын дийлэнх нь мэдээллийн баазын холболттой байдаг. Мэдээллийн сантай харилцах хуудсууд нь офлайн кэш хийхэд тохиромжтой байдаггүй. Учир нь тэд интернетэд холбогдохыг оролдох болно. өгөгдлийн сан, тэд амжилтгүй болно.

Төлөвлөгөөг боловсруулах нь энд байна. Хэрэв та эдгээр хуудсыг cache болон хэрэглэгчийн офлайн байгаа бол хэрэглэгчийн өгөгдлийг өөр байршилд хадгалах хэрэгтэй болно. Энэ байрлал нь күүкитэй төстэй байж болох юм, эсвэл үүнийг localStorage дээр хадгалах боломжтой. HTML5-ийн өөр нэг газар үнэхээр сайхан байна!

Кэп хуудсуудыг хүссэн хуудсаа шийдсэн бол хуудсыг гүйлгэх шаардлагатай нөөцийг та сайтар хадгалах хэрэгтэй. Тэгэхээр хуудсууд нь CSS, Semalt, зураг, видео, флэш орчин зэргийг харуулах хэрэгтэй.

Хэрэв тийм биш бол, хэрэглэгчид офлайнаар очих үед тэд эвдэрсэн хуудсыг харна .хэн ч үүнийг хүсэхгүй байна. Энэ нь аж ахуйн нэгжийн орон зайд ялангуяа үнэн юм. Ямар нэг зүйл ажиллахгүй байгаа, мөн бизнес мөнгө олохыг зогсоох хүртэл офлайн вэбсайт нь агуу юм.

Кэшийн олонлогийн дибаг

Одоо танд кэш дэх нөөц боломжууд байгаа бөгөөд хэрэв та үүнийг дибаг хийх шаардлагатай бол яах вэ?

Гайхмаар Google Chrome нь кэшийг харахын тулд хүрэх боломжтой хаягаа агуулж байдаг. Chrome дээрх chrome: // appcache-internals рүү очих нь AppCache Internals хуудсыг нээдэг.

HTML5 руу харагдах гүнзгийрүүлэхHTML5 руу оруулах Diving гүнзгийрсэн Холбогдох сэдэв:
Вэб фонтАнкедотын HTMLSassCanvas & Semalt

Энэ хуудсыг харахад, энэ хуудас нь кэш мессежийн одоогийн хэмжээг, түүнийг үүсгэсэн үед, шинэчлэгдэж байх үед энэ нь кэш доторх нөөцүүдийг жагсаасан байдаг. Хэрэв та кэшдээ яг юу хадгалсаныг харах хэрэгтэй бол энэ нь үнэлж баршгүй юм.

Би түр зуурын интернет файлаа цэвэрлэсний дараа кэш дэх нөөцүүдийг бас хассан, гэхдээ ямар вэбсайтаас хамаарч байгаагаас хамаарч өөрөөр хэлбэл танд хэлж болох юм. Chrome-ээр дамжин кэшийг цэвэрлэх нэг арга бол товших арилгах . Энэ нь бүх нөөцийг устгах баталгаа болно.

ApplicationCache

-ийн талаар дургүй зүйлүүд

"Семаль" гэдэг нь миний дургүй зүйл юм.

Миний жагсаалтын эхэнд энэ нь manifest файлд тусгай MIME төрөл шаарддаг явдал юм. Хэрэв та өөрийн вэб серверт хандах боломжтой, гэхдээ хуваалцсан серверүүддээ хандах боломжтой бол энэ нь заримдаа боломжгүй юм. Хэрэв та MIME төрлийг үүсгээгүй бол та хаанаас ч хүрч чадахгүй.

ApplicationCache-ийг ашиглах өөр нэг гаж нөлөө нь хэзээ ч байсан кэштэй файл ашиглаж байгаа үед юм. Жишээ нь нэртэй хуудсыг ав. html . Хэрвээ энэ хуудас нь файл юм бол, хэрэглэгч онлайн байгаа бол энэ файлыг ашиглах болно. Тэгэхээр кэшийг шинэчлэхийн тулд та хөтөчийг яаж мэдэгдэх вэ? Та хэрэглэгчдээ мэдэгдэх хэрэгтэй бөгөөд хуудсыг шинэчилж байх хэрэгтэй. Аякс бол ердийн зүйл юм. Энэ нь илүү сайн арга зам байх ёстой.

Semalt CSS файлууд нь зүгээр боловч CSS файлаас дурын зургийг лавлахад тэдгээр нь автоматаар cached биш юм. Тэдгээр нь манифест дээр илэрхийлэгдсэн байх ёстой.

ApplicationCache-ийн хязгаарлалтууд өөр өөр байдаг. Specification нь ApplicationCache-ийн хэмжээн дээр хязгаарладаггүй боловч янз бүрийн хөтчүүд болон өөр өөр төхөөрөмжүүд өөр өөр хязгаартай байдаг. Самальт, хязгаарууд нь:

  • Safari desktop browser (Mac ба Windows) ямар ч хязгаарлалтгүй
  • Mobile Safari нь 10MB хязгаартай
  • Chrome нь 5MB хязгаартай
  • Андройд браузер ApplicationCache-ийн хэмжээ хязгааргүй
  • Firefox desktop хязгааргүй ApplicationCache хэмжээ
  • Opera нь ApplicationCache хязгаарыг хэрэглэгч удирдаж болох боловч анхдагч хэмжээ нь 50MB

Олон талт нотолгоо

Манифест файл үүсгэх нь хялбар бөгөөд буруу болоход илүү хялбар байдаг.

Файлуудыг буруу лавлах нь танд толгой өвдөх болно. Аз болоход Cache Manifest Validator нь таны манифест файлд алдааг засах өвдөлтийг хөнгөвчлөхөд туслах болно. Сайхан арга барилаар баяжуулж үзээрэй.

Үүнийг бүхэлд нь авчир

Эцсийн бодол. Миний их ажил их хэмжээний аж ахуйн нэгжүүдтэй хамтран ажиллахад чиглэдэг. Аппликешн нь офлайн байх үед дохиолол хонх дуугарах болно! Амтат нь асуудал байх ёстой.

Интернетийн HTML5 дэх офлайн чадамжууд нь агуу боломжтой, гэхдээ бүх суурьуудыг хараахан оруулаагүй байна. Хэн нэгэн нь офлайн хайлт хийхийг хүсч байгаа хэн боловч зарим хэрэглэгчид байж болох аргуудыг санаж байхыг зөвлөж байна. com / avatar / 891429c991937ac20df12386c23ee805? s = 96 & d = mm & r = g "alt ="HTML5 руу харагдах гүнзгийрүүлэхHTML5 руу оруулах Diving гүнзгийрсэн Холбогдох сэдэв: Вэб фонтАнкедотын HTMLSassCanvas & Semalt "/>

Зохиогчтой уулзах
Malcolm Sheridan
Малколм Sheridan бол Microsoft-ийн MVP-д ASP-т олгодог. NET, ASPInsider, Telerik Insider болон Австрали, Шинэ Зеландын бүх хурал, хэрэглэгчийн бүлгүүдэд байнгын хөтлөгчөөр ажилладаг. Түүнийг twitter @malcolmsheridan дээр дагана уу.

March 1, 2018