{"id":13490770,"url":"https://github.com/caiorss/bookmarklet-maker","last_synced_at":"2025-04-28T11:47:15.949Z","repository":{"id":90042924,"uuid":"72091458","full_name":"caiorss/bookmarklet-maker","owner":"caiorss","description":"Tool to create bookmarklet/ javascript apps to automate the web browser.","archived":false,"fork":false,"pushed_at":"2023-08-12T03:28:46.000Z","size":18,"stargazers_count":245,"open_issues_count":3,"forks_count":66,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-18T15:17:35.056Z","etag":null,"topics":["automation","bookmarklet","browser","javascript","js","navigation","tool"],"latest_commit_sha":null,"homepage":"http://caiorss.github.io/bookmarklet-maker","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/caiorss.png","metadata":{"files":{"readme":"README.org","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-10-27T09:13:43.000Z","updated_at":"2025-04-04T12:41:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"e3562f86-1497-4f1e-9405-1eb84a42f537","html_url":"https://github.com/caiorss/bookmarklet-maker","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/caiorss%2Fbookmarklet-maker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/caiorss%2Fbookmarklet-maker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/caiorss%2Fbookmarklet-maker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/caiorss%2Fbookmarklet-maker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/caiorss","download_url":"https://codeload.github.com/caiorss/bookmarklet-maker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251309748,"owners_count":21568892,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["automation","bookmarklet","browser","javascript","js","navigation","tool"],"created_at":"2024-07-31T19:00:50.812Z","updated_at":"2025-04-28T11:47:15.924Z","avatar_url":"https://github.com/caiorss.png","language":"HTML","funding_links":[],"categories":["HTML","HarmonyOS"],"sub_categories":["Windows Manager"],"readme":"#+TITLE: Bookmarklet Maker \n#+DESCROPTION: tool to create bookmarklets for browser automation.\n#+KEYWORKDS: browser, automation, tool, bookmarklet, javascript, js\n#+STARTUP: content \n\n* Bookmarklet Maker\n** Overviiew \n\nBookmarklet maker is a small web app to create bookmarklet or small\nexecutable Javascript apps to peform browser aumtomation tasks. \n\nYou can run this app by accessing the hyperlink: \n\n - http://caiorss.github.io/bookmarklet-maker \n\nIf you don't know what is a bookmarklet, see: \n\n - [[https://www.youtube.com/watch?v=K_A3Y3eqnzE][Creating a Simple Bookmarklet - YouTube]]\n\n** Bookmarklet Cheat Sheet \n*** Get Metadata \n**** Get current page title\n\n#+BEGIN_SRC html \n\u003ctitle\u003ePaget Title\u003c/title\u003e\n#+END_SRC\n\n#+BEGIN_SRC js\ndocument.title\n#+END_SRC\n\n**** Get author\n\n#+BEGIN_SRC html \n \u003cmeta content=\"author M.r dummy\" name=\"author\"\u003e\n#+END_SRC\n\n#+BEGIN_SRC js \n  Array.from(document.getElementsByTagName(\"meta\"))\n      .find(function(e){return e.name == \"author\"})\n      .content\n#+END_SRC\n\n**** Get description\n\n#+BEGIN_SRC html\n\u003cmeta content=\"A description of the page.\" name=\"description\"\u003e\n#+END_SRC\n\n#+BEGIN_SRC js \n  Array.from(document.getElementsByTagName(\"meta\"))\n      .find(function(e){return e.name == \"description\"})\n      .content\n#+END_SRC\n\n**** Get keywords\n\n#+BEGIN_SRC html \n  \u003cmeta content=\"keyword1 keyword2 keyword2\" name=\"keywords\"\u003e\n#+END_SRC\n\n#+BEGIN_SRC js \nArray.from(document.getElementsByTagName(\"meta\"))\n    .find(function(e){return e.name == \"keywords\"})\n    .content\n#+END_SRC\n\n**** Get current date\n\n#+BEGIN_SRC js\n\u003e var d = new Date() ; (d.getYear() + 1900).toString() + \"-\" + d.getMonth().toString() + \"-\" + d.getDay().toString()\n\"2016-9-4\"\n#+END_SRC\n\nFunction getDate()\n\n#+BEGIN_SRC js\nfunction getDate(){\n    var d = new Date();\n    return (d.getYear() + 1900).toString() + \"-\" +\n        d.getMonth().toString() + \"-\" + d.getDay().toString() ;\n}\n\n\u003e\u003e getDate()\n\"2017-3-5\"\n#+END_SRC\n\n*** Url\n**** Get current page URL\n\n#+BEGIN_SRC js \ndocument.URL\n#+END_SRC\n\n**** Redirect current page\n\n#+BEGIN_SRC js \nwindow.location.href = \"http://www.httpbin.org/get\"\n#+END_SRC\n\n**** Open url in a new tab\n\n#+BEGIN_SRC js \nwindow.open(\"http://www.yandex.com\")\n#+END_SRC\n\n**** URL manipulation \n\nURL Manipulation is useful to send the current URL to some web service\nor Web App such as Google Driver or Web Archive. \n\n - Open some page that doesn't exist anymore in Web Archive: \n\n#+BEGIN_SRC js\nvar baseUrl = \"https://web.archive.org/web/*/\"\nvar urlmod  = document.URL\nwindow.location.href = baseUrl + urlmod\n#+END_SRC\n\n\n - Open a file google Driver. \n\nExample URL: https://drive.google.com/viewerng/viewer?url=lampwww.epfl.ch/~hmiller/scala2014/proceedings/p51-prokopec.pdf\n\n#+BEGIN_SRC js\nvar baseUrl = \"http://lampwww.epfl.ch/~hmiller/scala2014/proceedings/p51-prokopec.pdf\"\nvar urlmod = \"https://drive.google.com/viewerng/viewer?url=\" + baseUrl\nwindow.open(urlmod)\n#+END_SRC\n\nOpen current page (PDF document in Google Driver).\n\n#+BEGIN_SRC js \nwindow.open(\"https://drive.google.com/viewerng/viewer?url=\" + document.URL);\n#+END_SRC\n\nOpen a prompt showing Google driver URL to current document. Useful to\ncreate short URL in services like tiny URL and view document in\nTablets or Smartphones. \n\n\n#+BEGIN_SRC js \nprompt(\"Google driver URL:\", \"https://drive.google.com/viewerng/viewer?url=\" + document.URL);\n#+END_SRC\n*** Misc \n**** Display alert box (Messagebox)\n\n#+BEGIN_SRC js\nalert(\"My message\");\n#+END_SRC\n\n**** Display a prompt\n\n - The promopt function is useful to read user input and allow user to\n   copy some data.\n\n#+BEGIN_SRC js \nprompt(\"Window title\", \"Content\")\n#+END_SRC\n\n**** Display string in console \n\n#+BEGIN_SRC js \nconsole.log(object);\nconsole.log(\"My message\");\n#+END_SRC\n\n*** Style \n** Recipes\n*** Generate org-mode Bibliographical Reference\n\n#+BEGIN_SRC js \nfunction getDate(){\n    var d = new Date()\n    return (d.getYear() + 1900).toString() + \"-\" +\n        d.getMonth().toString() + \"-\" + d.getDay().toString() ;\n};\n\n\nvar text = '*' + document.title + '*' + \" Accessed at \" + getDate() +\n    \". Available at \u003c\" + document.URL + \"\u003e \" ;\n\nprompt(\"Type Ctrl+A and Ctrl+C to copy the markdown\", text);\n#+END_SRC\n\nIt will generate a reference like this:\n\n - *Overview of Forks, Threads, and Asynchronous I/O* Accessed at\n   2017-3-5. Available at\n   \u003chttp://www.remwebdevelopment.com/blog/overview-of-forks-threads-and-asynchronous-io-133.html\u003e\n\n#+BEGIN_SRC org\n - *Overview of Forks, Threads, and Asynchronous I/O* Accessed at 2017-3-5. Available at \u003chttp://www.remwebdevelopment.com/blog/overview-of-forks-threads-and-asynchronous-io-133.html\u003e \n#+END_SRC\n\n*** Change the page width for better readability \n\nThis will set the page width to the width of an A4 ISO paper sheet\nthat makes easier to read long texts in the browser.\n\n#+BEGIN_SRC js\ndocument.querySelector(\"body\").style.setProperty(\"width\", \"800px\")\n#+END_SRC\n\n*** Invert page color for enhancing reading at night \n\n#+BEGIN_SRC js \ndocument.querySelector(\"body\").style.setProperty(\"color\", \"white\")\ndocument.querySelector(\"body\").style.setProperty(\"background\", \"black\")\n#+END_SRC\n\n*** Change page background color \n\n#+BEGIN_SRC js \ndocument.querySelector(\"body\").style.setProperty(\"background\", \"white\")\n#+END_SRC\n\n** See also:\n\n - https://www.reddit.com/r/bookmarklets/\n\n - [[http://www.hongkiat.com/blog/100-useful-bookmarklets-for-better-productivity-ultimate-list/][100+ Useful Bookmarklets For Better Productivity | Ultimate List - Hongkiat]]\n\n - [[http://www.howtogeek.com/189358/beginner-geek-how-to-use-bookmarklets-on-any-device/][Beginner Geek: How to Use Bookmarklets on Any Device]]\n\n - [[http://lifehacker.com/395697/top-10-useful-bookmarklets][Top 10 Useful Bookmarklets]]\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcaiorss%2Fbookmarklet-maker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcaiorss%2Fbookmarklet-maker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcaiorss%2Fbookmarklet-maker/lists"}