☰

FTool

开发工具快捷链接集合

目前为 2021-03-11 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         FTool
  3. // @namespace    http://www.theoft.cn/
  4. // @version      0.2.2
  5. // @description  开发工具快捷链接集合
  6. // @author       Theo Ft
  7. // @match        *://*/*
  8. // @match        chrome://newtab/
  9. // @grant        GM_addStyle
  10. // ==/UserScript==
  11.  
  12. GM_addStyle ( `
  13.     .ftool {
  14.         position: fixed;
  15. 		right: 0;top: 50%;
  16. 		margin-top: -50px;
  17. 		width: 100px;
  18. 		background-color: #e4f7ce;
  19. 		text-align: center;
  20. 		border: solid 1px #ccc;
  21. 		border-bottom-left-radius: 8px;
  22. 		border-top-left-radius: 8px;
  23. 		z-index: 999999;"
  24.     }
  25. 	.ftool a{
  26. 		color: #755a19;
  27. 		text-decoration: none;
  28. 		display:block;
  29. 		padding: 4px 8px;
  30. 		border-top: 1px solid #ccc;
  31. 	}
  32. 	.ftool a:first-child{
  33. 		border-top: none;
  34. 	}
  35. 	.ftool a:hover{
  36. 		background: #e6e851;
  37. 		text-decoration: none;
  38. 	}
  39. ` );
  40.  
  41. (function() {
  42. 	'use strict';
  43.  
  44. 	var div = document.createElement("div");
  45. 	div.classList.add("ftool");
  46. 	div.innerHTML = '<a href="https://tool.chinaz.com/tools/unixtime.aspx" target="timestamp">时间戳</a>' +
  47. 		'<a href="https://www.json.cn/" target="json">Json序列化</a>' +
  48. 		'<a href="https://tool.oschina.net/regex" target="regex">正则表达式</a>' +
  49. 		'<a href="http://tools.jb51.net/static/colorpicker/index.html" target="color">颜色选择器</a>' +
  50. 		'<a href="https://greasyfork.org/zh-CN" target="greasyfork">greasyfork</a>'
  51. 	document.body.appendChild(div)
  52. })();