{"id":230,"date":"2017-10-09T17:30:35","date_gmt":"2017-10-09T15:30:35","guid":{"rendered":"http:\/\/glancu.com\/blog\/?p=230"},"modified":"2018-06-15T22:02:11","modified_gmt":"2018-06-15T20:02:11","slug":"jak-wykryc-ze-uzytkownik-stracil-polaczenie-ze-strona","status":"publish","type":"post","link":"https:\/\/glancu.com\/blog\/jak-wykryc-ze-uzytkownik-stracil-polaczenie-ze-strona\/","title":{"rendered":"Jak wykry\u0107, \u017ce u\u017cytkownik straci\u0142 po\u0142\u0105czenie ze stron\u0105?"},"content":{"rendered":"

Cze\u015b\u0107! Pewnie nie raz mia\u0142e\u015b\/a\u015b sytuacj\u0119, \u017ce podczas przegl\u0105dania strony nagle straci\u0142e\u015b\/a\u015b po\u0142\u0105czenie z ni\u0105. Dzisiaj opowiem o tym troch\u0119 g\u0142\u0119biej. Zapraszam!<\/p>\n

<\/p>\n

Kr\u00f3tki bolesny przyk\u0142ad<\/h3>\n

Jeste\u015b na stronie internetowej. Wype\u0142niasz formularz, kt\u00f3ry nie ogranicza si\u0119 do podania imienia, e-maila oraz tre\u015bci, tylko jest on troszk\u0119 bardziej skomplikowany i nie wype\u0142niasz go w minut\u0119. Nagle tracisz po\u0142\u0105czenie. Jest panika, \u017ce stracisz to wszystko i b\u0119dziesz musia\u0142(a) pisa\u0107 wszystko od nowa.<\/p>\n

Wykrywanie aktualnego stanu po\u0142\u0105czenia<\/h3>\n

Istnieje bardzo ciekawa biblioteka offline.js, kt\u00f3ra pozwala na wykrycie nag\u0142ego stracenia po\u0142\u0105czenia i zapisania formularza z danymi w cache. Z takiego rozwi\u0105zania korzysta na przyk\u0142ad edytor wordpress-a na kt\u00f3rym mam bloga.<\/p>\n

Dzi\u0119ki tej bibliotece mo\u017cesz by\u0107 spokojny o swoje dane, kt\u00f3re chcesz przes\u0142a\u0107 podczas, gdy nagle internet z jakiego\u015b powodu odm\u00f3wi pos\u0142usze\u0144stwa.<\/p>\n

Jak to wszystko dzia\u0142a?<\/h3>\n

Biblioteka dzia\u0142a w do\u015b\u0107 prosty, ale skuteczny spos\u00f3b. W okre\u015blonych odst\u0119pach czasowych biblioteka wysy\u0142a \u017c\u0105danie do pliku na serwerze (domy\u015blnie jest to faviconka) i je\u017celi \u017c\u0105danie nie zako\u0144czy si\u0119 sukcesem to w prosty spos\u00f3b dostajemy informacj\u0119, \u017ce to po\u0142\u0105czenie zosta\u0142o utracone.<\/p>\n

Jak to zainstalowa\u0107 na swojej stronie?<\/h3>\n

Bardzo prosto. Potrzebujemy wej\u015b\u0107 tutaj<\/a> i pobra\u0107 pliki. Potrzebujemy w zasadzie tylko trzech plik\u00f3w:<\/p>\n

    \n
  1. offline.min.js – g\u0142\u00f3wny katalog – g\u0142\u00f3wny skrypt JS<\/li>\n
  2. offline-theme-default.css – katalog themes\u00a0<\/strong>– domy\u015blny wygl\u0105d (mo\u017cesz wybra\u0107 inny i spr\u00f3bowa\u0107 innego wygl\u0105du)<\/li>\n
  3. offline-language-polish.css – katalog themes<\/strong> – plik z odpowiednimi komunikatami (je\u017celi chcesz mo\u017cesz wybra\u0107 inny j\u0119zyk)<\/li>\n<\/ol>\n

    To wszystko. Pozostaje Ci jedynie podpi\u0105\u0107 te trzy pliki do swojej strony i wszystko powinno dzia\u0142a\u0107 bez problemu.<\/p>\n

    Zmiana domy\u015blnego wysy\u0142ania faviconki<\/h3>\n

    Je\u017celi nie chcesz (b\u0105d\u017a nie masz) wysy\u0142a\u0107 faviconki mo\u017cesz to zmieni\u0107. Wystarczy uruchomi\u0107 plik offline.min.js w jakimkolwiek edytorze i wyszuka\u0107 frazy\u00a0Offline<\/span>.<\/span>options.\u00a0<\/span><\/strong><\/em>Tam znajduje si\u0119 adres faviconki i mo\u017cesz zmieni\u0107 j\u0105 na inny plik.<\/span><\/p>\n

    Podsumowanie<\/h3>\n

    Jak widzisz biblioteka offline.js jest bardzo przyjemna i prosta w obs\u0142udze. Potrzebujemy dos\u0142ownie kilku chwil \u017ceby zacz\u0119\u0142a ona dzia\u0142a\u0107 na Twojej stronie. A czy Ty korzystasz z tej biblioteki? A mo\u017ce zamierzasz? Podziel si\u0119 t\u0105 informacj\u0105 razem z Nami w komentarzu poni\u017cej!<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

    Cze\u015b\u0107! Pewnie nie raz mia\u0142e\u015b\/a\u015b sytuacj\u0119, \u017ce podczas przegl\u0105dania strony nagle straci\u0142e\u015b\/a\u015b po\u0142\u0105czenie z ni\u0105. Dzisiaj opowiem o tym troch\u0119 g\u0142\u0119biej. Zapraszam!<\/div>\n","protected":false},"author":31241,"featured_media":231,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[261],"tags":[57,33,81,80,82,79,77,78],"class_list":["post-230","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-internetowa","tag-jak","tag-polaczenie","tag-stracil","tag-strona","tag-uzytkownik","tag-wykryc","tag-ze"],"better_featured_image":{"id":231,"alt_text":"","caption":"","description":"","media_type":"image","media_details":{"width":2000,"height":2000,"file":"2017\/10\/2000px-Offline_logo.svg1_.png","sizes":{"thumbnail":{"file":"2000px-Offline_logo.svg1_-440x290.png","width":440,"height":290,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-440x290.png"},"medium":{"file":"2000px-Offline_logo.svg1_-300x300.png","width":300,"height":300,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-300x300.png"},"medium_large":{"file":"2000px-Offline_logo.svg1_-768x768.png","width":768,"height":768,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-768x768.png"},"large":{"file":"2000px-Offline_logo.svg1_-1100x1100.png","width":1100,"height":1100,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-1100x1100.png"},"gazana_hd":{"file":"2000px-Offline_logo.svg1_-1920x1920.png","width":1920,"height":1920,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-1920x1920.png"},"gazana_standard":{"file":"2000px-Offline_logo.svg1_-1100x640.png","width":1100,"height":640,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-1100x640.png"},"gazana_square":{"file":"2000px-Offline_logo.svg1_-1100x1100.png","width":1100,"height":1100,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-1100x1100.png"},"gazana_grid":{"file":"2000px-Offline_logo.svg1_-530x380.png","width":530,"height":380,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-530x380.png"},"gazana_list":{"file":"2000px-Offline_logo.svg1_-530x640.png","width":530,"height":640,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-530x640.png"},"gazana_masonry":{"file":"2000px-Offline_logo.svg1_-530x530.png","width":530,"height":530,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-530x530.png"},"gazana_mini":{"file":"2000px-Offline_logo.svg1_-100x100.png","width":100,"height":100,"mime-type":"image\/png","source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_-100x100.png"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","keywords":[]}},"post":230,"source_url":"http:\/\/glancu.com\/blog\/wp-content\/uploads\/2017\/10\/2000px-Offline_logo.svg1_.png"},"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t