Žiniatinklio naršyklės naudojimas kaip internetinė „Notepad“

Skaitant mano RSS randu straipsnį LabaiKompiuteris o tai savo ruožtu veda į a paštu José Jesús Pérez Aguinaga, kur jis mums parodo, kaip naudoti formatą Duomenų URI kuris kartu su HTML5 galia ir nauju elementu, vadinamu „patenkintas'leidžia mums sukurti HTML puslapį, kurį galime naudoti kaip bloknotą.

Mes tiesiog turime įdėti adreso juostą:

data:text/html, <html contenteditable>

Į paštu José Jesús Pérez Aguinaga, keletas kitų pavyzdžių, į kuriuos verta atkreipti dėmesį, pateikiami komentaruose:

data:text/html, <textarea style="font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" autofocus />
data:text/html, <html><head><link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><style type="text/css"> html { font-family: "Open Sans" } * { -webkit-transition: all linear 1s; }</style><script>window.onload=function(){var e=false;var t=0;setInterval(function(){if(!e){t=Math.round(Math.max(0,t-Math.max(t/3,1)))}var n=(255-t*2).toString(16);document.body.style.backgroundColor="#ff"+n+""+n},1e3);var n=null;document.onkeydown=function(){t=Math.min(128,t+2);e=true;clearTimeout(n);n=setTimeout(function(){e=false},1500)}}</script></head><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">
data:text/html, <body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">
data:text/html, <title>Text Editor</title><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">

Išbandžiau "Firefox" y chromas ir jis veikia puikiai .. spėju, kad jis turėtų veikti bet kurioje kitoje naršyklėje su HTML5 palaikymu 😀


Palikite komentarą

Jūsų elektroninio pašto adresas nebus skelbiamas. Privalomi laukai yra pažymėti *

*

*

  1. Atsakingas už duomenis: Miguel Ángel Gatón
  2. Duomenų paskirtis: kontroliuoti šlamštą, komentarų valdymą.
  3. Įteisinimas: jūsų sutikimas
  4. Duomenų perdavimas: Duomenys nebus perduoti trečiosioms šalims, išskyrus teisinius įsipareigojimus.
  5. Duomenų saugojimas: „Occentus Networks“ (ES) talpinama duomenų bazė
  6. Teisės: bet kuriuo metu galite apriboti, atkurti ir ištrinti savo informaciją.

  1.   Puvimas87 sakė

    hahaha html5 įdomybės, manau, tai kažkuriuo metu man padės, užuot atidariusi kitą redaktorių ... ačiū

  2.   Oho sakė

    Žmogau, tikrasis naudingumas, kurį matau, yra pamatyti, kaip atrodytų HTML kodas (jei ką nors projektuoji HTML formatu). Leiskite man paaiškinti: adreso juostoje įdėkite visas HTML parinktis ir tada parašykite bet ką, kad galėtumėte pamatyti „karštą peržiūrą“, nenaudodami redaktoriaus su HTML atvaizdavimo parinktimis arba išsaugodami failus ir atidarę juos naršyklėje .

  3.   84 sakė

    taip pat dirba Operoje

    1.    Cristianhcd sakė

      Man labiau patinka tūkstantis kartų užrašai, integruoti naršyklėje, o tai yra įprasta

  4.   ekologiškas sakė

    Galbūt tai neįdomu daugeliui, tačiau „Konqueror“ tai veikia.

    Sveikinimai.

  5.   elynx sakė

    ummm ... naujovių menas 😉

    Na (ir) ... Sveikinimai!

  6.   Cronos sakė

    Labai įdomu, viskas, kas integruota į naršyklę, nėra bloga idėja, ir, matyt, taip nutiks su HTML5.

  7.   danielis c sakė

    Šis buinisiimooo, man buvo gerai, aš ieškojau kažko panašaus, nereikėdamas įdiegti kažko „Google“ internetinės parduotuvės

  8.   Dae sakė

    jis veikia su „vivaldi“, o failų naršyklė taip pat veikia jums:
    failas: // localhost /