mirror of
https://github.com/kognise/water.css.git
synced 2025-08-11 23:54:12 +02:00
Add bookmarklet code
This commit is contained in:
23
bookmarklet/original.js
Normal file
23
bookmarklet/original.js
Normal file
@@ -0,0 +1,23 @@
|
||||
// Water.css Bookmarklet
|
||||
// ---------------------
|
||||
|
||||
const $$ = (selector) => document.querySelectorAll(selector)
|
||||
const createElement = (tagName, properties) => Object.assign(document.createElement(tagName), properties)
|
||||
|
||||
// Remove all CSS stylesheets, external and internal
|
||||
$$('link[rel="stylesheet"],style').forEach((el) => el.remove())
|
||||
|
||||
// Remove all inline styles
|
||||
$$('*').forEach((el) => (el.style = ''))
|
||||
|
||||
// Add water.css and responsive viewport (if necessary)
|
||||
document.head.append(
|
||||
createElement('link', {
|
||||
rel: 'stylesheet',
|
||||
href: '//cdn.jsdelivr.net/npm/water.css@2/dist/water.css'
|
||||
}),
|
||||
!$$('meta[name="viewport"]').length && createElement('meta', {
|
||||
name: 'viewport',
|
||||
content: 'width=device-width,initial-scale=1.0'
|
||||
})
|
||||
)
|
Reference in New Issue
Block a user