input & atrributes

[xgqfrms]

input & atrributes

readonly & regex pattern

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-pattern

---

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/

<input type="text" disabled="true" title="用户名不可编辑" />

https://element.eleme.io/#/zh-CN/component/input

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable https://developer.mozilla.org/en-US/docs/Web/CSS/:disabled https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input

[xgqfrms]

html5 & input & attributes

https://codepen.io/webgeeker/pen/Wgqrbz

HTML5 & Anchor

https://codepen.io/webgeeker/pen/BOgjom

[xgqfrms]

Headless Chrome

https://developers.google.com/web/updates/2017/04/headless-chrome

cd "C:\Program Files (x86)\Google\Chrome\Application"

dir

chrome --headless --disable-gpu --remote-debugging-port=9999 https://developer.mozilla.org/en-US/docs/Web/Web_Components

chrome --headless --disable-gpu --print-to-pdf https://developer.mozilla.org/en-US/docs/Web/CSS/calc

chrome \
  --headless \                   # Runs Chrome in headless mode.
  --disable-gpu \                # Temporarily needed if running on Windows.
  --remote-debugging-port=9222 \
  https://www.chromestatus.com  

[xgqfrms]

Headless Chromium & Headless Chrome

https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md

https://developers.google.com/web/updates/2017/04/headless-chrome

https://www.chromestatus.com/feature/5678767817097216

---

https://snoozepost.com/headless-chrome-way/

https://intoli.com/blog/running-selenium-with-headless-chrome/

https://stackoverflow.com/questions/9210765/any-way-to-start-google-chrome-in-headless-mode

[xgqfrms]

bug

https://github.com/GoogleChrome/puppeteer/issues/1598

https://github.com/GoogleChrome/puppeteer/issues/1471

https://github.com/GoogleChrome/puppeteer/issues/391#issuecomment-324551649

# install libs ??? not work & CentOS 6.x

https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md#chrome-headless-doesnt-launch

https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md

[xgqfrms]

rm -rf

node

[xgqfrms]

Linux directory tree

https://en.wikipedia.org/wiki/Filesystem_Hierarchy_Standard

https://en.wikipedia.org/wiki/Unix_filesystem#Conventional_directory_layout

https://www.w3resource.com/linux-system-administration/linux-file-tree.php

https://en.wikipedia.org/wiki/Tree_(command)

---

https://en.wikipedia.org/wiki/File:Unix_history-simple.svg

https://upload.wikimedia.org/wikipedia/commons/7/77/Unix_history-simple.svg

[xgqfrms]

image url to base64

https://www.base64-image.de/

https://www.browserling.com/tools/image-to-base64

https://www.askapache.com/online-tools/base64-image-converter/

https://codebeautify.org/base64-to-image-converter

---

https://www.sitepoint.com/community/t/converting-images-to-a-base64-data-url/282947/2

image to base64

SVG & PNG

(function(win,doc) {
    "use strict";
    var svg = new XMLSerializer().serializeToString(doc.getElementsByTagName("svg")[0]);
    // var png = new XMLSerializer().serializeToString(doc.getElementsByTagName("png")[0]);
    var base64 = win.btoa(svg);
    // var base64 = win.btoa(png);
    doc.getElementById("base").appendChild(doc.createTextNode("data:image/svg+xml;base64," + base64));
    // doc.getElementById("base").appendChild(doc.createTextNode("data:image/png;base64," + base64));
}(window, document));