Data URLs in Firefox Quantum

The new Firefox update came to us with many great changes, one of them is the implementation of types within forms, this made me curious to test in the new browser.

When wanting to do some tests I found that instead of making an html document and opening it with the browser, codes can be tested directly from the address bar, this is called URL Data and according to the MDN documentation «Are made up of four parts a: a prefix (data:), a MIME type indicating the data type, a token base64 optional non-textual, and the data itself »

So to do my tests of the new forms use:

data: text / html,
data:text/html, <input type="date">

By typing that in the browser I was able to test the new forms

On the MDN page you can find more examples, you can also play with base64 encoding images or other data to this format.

At least it works for me to do small tests, since it also accepts javascript code.

I hope this little tip is useful for you.


Leave a Comment

Your email address will not be published. Required fields are marked with *

*

*

  1. Responsible for the data: Miguel Ángel Gatón
  2. Purpose of the data: Control SPAM, comment management.
  3. Legitimation: Your consent
  4. Communication of the data: The data will not be communicated to third parties except by legal obligation.
  5. Data storage: Database hosted by Occentus Networks (EU)
  6. Rights: At any time you can limit, recover and delete your information.

  1.   Mateo zapata said

    Chrome does that too

    1.    christopherccg said

      Yes, it can also be done, at no time explain that it was only for Firefox.

      "When wanting to do some tests I found that instead of making an html document and opening it with the browser, codes can be tested directly from the address bar, this is called URL Data"

      1.    ice said

        Negative. The title reads:
        Data URLs in Firefox Quantum, does not say in Chrome. To modify the title in any case.

  2.   goman said

    It restarts the system in windows when I am uploading / downloading in Google drive or mega for a while, in mint it only blocks the same on both pages doing the same ...

  3.   LeoLopez said

    Opera does that, it's nothing new.

    1.    christopherccg said

      I know, it is only a tip in case you want to do quick tests, such as with base64 images or javascript code

  4.   Chevereman said

    Thanks for the information, I did not know.

  5.   Miguel Angel said

    Very interesting I did not know what could be done from the URL, I only knew it from the console.