id: dc756d4bb95f476ab7a558ba93779a8b
parent_id: 
item_type: 1
item_id: dfa7f568fabb4f15880e78b3a98639cf
item_updated_time: 1764345478292
title_diff: "[{\"diffs\":[[1,\"如何成为一名Chrome应用开发者 - 简书\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":22}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>如何成为一名Chrome应用开发者 - 简书</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"application-data:ANDROID_CLIP_TYPE\\\" content=\\\"article\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"11696\\\"></a>\\\r\\\n<h1>如何成为一名Chrome应用开发者 - 简书</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;\\\"><div style=\\\"font-size: 16px\\\"><div style=\\\"box-sizing:border-box;font-family:sans-serif;text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent;\\\"><div style=\\\"box-sizing:border-box;font-family:-apple-system, &quot;SF UI Text&quot;, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif;font-size:17px;line-height:1.42857;color:rgb(51, 51, 51);background-color:rgb(255, 255, 255);\\\"><div style=\\\"box-sizing:border-box;\\\"><div style=\\\"box-sizing:border-box;\\\"><div style=\\\"box-sizing:border-box;\\\">\\\n        <h1 style=\\\"box-sizing:border-box;font-size:34px;margin:20px 0px 0px;font-family:-apple-system, &quot;SF UI Display&quot;, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif;font-weight:700;line-height:1.3;color:inherit;word-break:break-word;\\\">如何成为一名Chrome应用开发者</h1>\\\n\\\n        \\\n        <div style=\\\"box-sizing:border-box;margin:30px 0px 40px;\\\">\\\n          <a href=\\\"http://www.jianshu.com/u/0ae2e56c3dfa\\\" style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(51, 51, 51);text-decoration:none;cursor:pointer;width:48px;height:48px;display:inline-block;vertical-align:middle;\\\">\\\n            <img alt=\\\"96\\\" height=\\\"46\\\" src=\\\"http://upload.jianshu.io/users/upload_avatars/1665040/24e72b49ded9?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96\\\" style=\\\"box-sizing:border-box;border:1px solid rgb(221, 221, 221);vertical-align:middle;width:100%;height:100%;border-radius:50%;\\\" width=\\\"46\\\"></img>\\\n</a>          <div style=\\\"box-sizing:border-box;vertical-align:middle;display:inline-block;margin-left:8px;\\\">\\\n            <span style=\\\"box-sizing:border-box;padding:1px 2px;font-size:12px;color:rgb(234, 111, 90);border:1px solid rgb(234, 111, 90);border-radius:3px;\\\">作者</span>\\\n            <span style=\\\"box-sizing:border-box;margin-left:3px;margin-right:3px;font-size:16px;vertical-align:middle;\\\"><a href=\\\"http://www.jianshu.com/u/0ae2e56c3dfa\\\" style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(51, 51, 51);text-decoration:none;cursor:pointer;\\\">动感小前端</a></span>\\\n            \\\n            <a style=\\\"box-sizing:border-box;background-color:rgb(66, 192, 46);color:rgb(255, 255, 255);text-decoration:none;cursor:pointer;display:inline-block;margin-bottom:0px;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;background-image:none;border:1px solid transparent;white-space:nowrap;padding:0px 7px 0px 5px;font-size:12px;line-height:normal;border-radius:40px;user-select:none;border-color:rgb(66, 192, 46);\\\"><i style=\\\"box-sizing:border-box;font-size:inherit;font-style:normal;-webkit-font-smoothing:antialiased;font-family:iconfont;font-weight:400;\\\"><span style=\\\"font-size:inherit;font-style:normal;font-family:iconfont;font-weight:400;\\\"></span></i><span style=\\\"box-sizing:border-box;margin-left:2px;display:inline;\\\">关注</span></a>\\\n            \\\n            <div style=\\\"box-sizing:border-box;margin-top:5px;font-size:12px;color:rgb(150, 150, 150);\\\">\\\n              \\\n                <span style=\\\"box-sizing:border-box;padding-right:5px;\\\">2016.04.03 21:42</span>\\\n              <span style=\\\"box-sizing:border-box;padding-right:5px;\\\">字数 1127</span>\\\n            <span style=\\\"box-sizing:border-box;padding-right:5px;\\\">阅读 10573</span><span style=\\\"box-sizing:border-box;padding-right:5px;\\\">评论 25</span><span style=\\\"box-sizing:border-box;padding-right:5px;\\\">喜欢 149</span><span style=\\\"box-sizing:border-box;padding-right:5px;\\\">赞赏 1</span></div>\\\n          </div>\\\n          \\\n        </div>\\\n        \\\n\\\n        \\\n        <div style=\\\"box-sizing:border-box;color:rgb(47, 47, 47);font-size:16px;font-weight:400;line-height:1.7;word-break:break-word;\\\">\\\n          <div style=\\\"box-sizing:border-box;padding-bottom:25px;width:700px;margin-left:-40px;text-align:center;\\\">\\\n<img height=\\\"28\\\" src=\\\"http://upload-images.jianshu.io/upload_images/1665040-6d089496fdf86493.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240\\\" style=\\\"box-sizing:border-box;border:0px;vertical-align:middle;max-width:100%;height:auto;cursor:zoom-in;transition:all 0.25s ease-in-out;\\\" width=\\\"20\\\"></img><br style=\\\"box-sizing:border-box;\\\"/><div style=\\\"box-sizing:border-box;min-width:20%;max-width:80%;min-height:22px;display:inline-block;padding:10px;margin:0px auto;border-bottom:1px solid rgb(217, 217, 217);font-size:14px;color:rgb(150, 150, 150);line-height:1.7;\\\">Chrome网上应用店</div>\\\n</div><p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\"><br style=\\\"box-sizing:border-box;\\\"/>Chrome网上应用店有丰富的应用和插件，这些工具极大的提高了我们的生产效率。不过本文不是给大家推荐那些精品插件名单，而是教你如何作为一名开发者，为Chrome贡献自己的插件。</p>\\\n<h2 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:24px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">准备工作</h2>\\\n<h4 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:20px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">万里长城第零步，首先你得先翻墙</h4>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">推荐用收费的VPN，以便于后续的一系列工作。不要把精力都花在了弄免费的翻墙工具上，毕竟收费的也不贵。</p>\\\n<h4 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:20px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">万里长城第一步，不必去办VISA卡</h4>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">要想在Chrome网上应用店（下文简称webstore）发布应用，需要在webstore<a href=\\\"https://chrome.google.com/webstore/developer/dashboard/\\\" style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(49, 148, 208);text-decoration:none;cursor:pointer;\\\" target=\\\"_blank\\\">的开发者信息中心</a>注册一下，填信息的时候你会发现没有中国大陆地区，所以Google在暗示天朝人民要用假的地址注册，于是我机智的选择了宝岛台湾。</p>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">然后Google还要你提供一个VISA/MasterCard账号，用来缴纳5美元注册费。我差点就真去办VISA卡了，后来网上一查，国内的VISA卡可能会认证失败，去淘宝上买虚拟卡又不放心，奋战一小时后我发现一个神奇的网站：<a href=\\\"https://www.globalcash.hk/\\\" style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(49, 148, 208);text-decoration:none;cursor:pointer;\\\" target=\\\"_blank\\\">全球付</a>.</p>\\\n<div style=\\\"box-sizing:border-box;padding-bottom:25px;width:700px;margin-left:-40px;text-align:center;\\\">\\\n<img height=\\\"28\\\" src=\\\"http://upload-images.jianshu.io/upload_images/1665040-79d505b3421a5b87.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240\\\" style=\\\"box-sizing:border-box;border:0px;vertical-align:middle;max-width:100%;height:auto;cursor:zoom-in;transition:all 0.25s ease-in-out;\\\" width=\\\"20\\\"></img><br style=\\\"box-sizing:border-box;\\\"/><div style=\\\"box-sizing:border-box;min-width:20%;max-width:80%;min-height:22px;display:inline-block;padding:10px;margin:0px auto;border-bottom:1px solid rgb(217, 217, 217);font-size:14px;color:rgb(150, 150, 150);line-height:1.7;\\\">mastercard</div>\\\n</div>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">这网站专门用来搞全球购物的，冲100块钱，自动给你生成MasterCard账号，然后你就可以拿这个卡号信息去注册webstore开发者了，分分钟验证通过，并没有网友说的那么麻烦。</p>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">至于剩下的钱，你可以买点儿别的，或者转到其他银行卡里,机智如我。</p>\\\n<h2 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:24px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">应用开发</h2>\\\n<h4 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:20px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">基础入门</h4>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">webstore有四种程序类别：应用、游戏、扩展程序、主题背景。<br style=\\\"box-sizing:border-box;\\\"/>放心，都是用JS来写的，对于前端来说只有一星门槛。本文不会讲具体基础开发知识，因为这里已经有非常好的教学资料了：</p>\\\n<ul style=\\\"box-sizing:border-box;margin-top:0px;margin-bottom:20px;word-break:break-word;padding:0px;margin-left:22px;\\\">\\\n<li style=\\\"box-sizing:border-box;line-height:30px;margin-bottom:10px;\\\">\\\n<a href=\\\"http://www.ituring.com.cn/book/1421\\\" style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(49, 148, 208);text-decoration:none;cursor:pointer;\\\" target=\\\"_blank\\\">Chrome 扩展及应用开发</a>.来自图灵社区的免费电子书，适合入门。</li>\\\n<li style=\\\"box-sizing:border-box;line-height:30px;margin-bottom:10px;\\\">\\\n<a href=\\\"http://open.chrome.360.cn/extension_dev/overview.html\\\" style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(49, 148, 208);text-decoration:none;cursor:pointer;\\\" target=\\\"_blank\\\">Chrome扩展开发文档</a>.来自360极速浏览器翻译的官方文档。</li>\\\n<li style=\\\"box-sizing:border-box;line-height:30px;margin-bottom:10px;\\\">\\\n<a href=\\\"https://developer.chrome.com/extensions\\\" style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(49, 148, 208);text-decoration:none;cursor:pointer;\\\" target=\\\"_blank\\\">Chrome 插件开发官方文档(英文)</a>.前两个适合入门，实际开发的时候还是推荐官方的，查API啥的都很方便。</li>\\\n</ul>\\\n<h4 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:20px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">经验之谈</h4>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">webstore开发本人其实也是新手，但些许经验应该能帮助到其他人：</p>\\\n<h5 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:18px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">1.如何优雅的调试</h5>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">右键Chrome工具栏的小图标会弹出一个窗口，选择<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">审查弹出内容</strong>即可调试。<br style=\\\"box-sizing:border-box;\\\"/>但是这种方法极度低效，直接chrome://extensions/找到你插件的ID：<br style=\\\"box-sizing:border-box;\\\"/></p><div style=\\\"box-sizing:border-box;padding-bottom:25px;width:700px;margin-left:-40px;text-align:center;\\\">\\\n<img height=\\\"28\\\" src=\\\"http://upload-images.jianshu.io/upload_images/1665040-75cb3e37b3f1b0b8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240\\\" style=\\\"box-sizing:border-box;border:0px;vertical-align:middle;max-width:100%;height:auto;cursor:zoom-in;transition:all 0.25s ease-in-out;\\\" width=\\\"20\\\"></img><br style=\\\"box-sizing:border-box;\\\"/><div style=\\\"box-sizing:border-box;min-width:20%;max-width:80%;min-height:22px;display:inline-block;padding:10px;margin:0px auto;border-bottom:1px solid rgb(217, 217, 217);font-size:14px;color:rgb(150, 150, 150);line-height:1.7;\\\">Chrome 插件 ID</div>\\\n</div><p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\"><br style=\\\"box-sizing:border-box;\\\"/>然后浏览器访问：</p>\\\n<pre style=\\\"box-sizing:border-box;overflow:auto;font-family:Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace;font-size:13px;display:block;padding:15px;margin:0px 0px 10px;line-height:1.42857;word-break:break-word;word-wrap:normal;color:rgb(101, 123, 131);border:1px solid rgb(204, 204, 204);border-radius:0px;background:rgb(246, 246, 246);text-size-adjust:none;margin-bottom:20px;white-space:pre;\\\"><code style=\\\"box-sizing:border-box;font-family:Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace;font-size:12px;color:rgb(101, 123, 131);background-color:transparent;border-radius:0px;padding:0px;white-space:pre;border:none;\\\">chrome-extension://&lt;插件ID&gt;/插件入口html文件</code></pre>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">比如我的是：</p>\\\n<pre style=\\\"box-sizing:border-box;overflow:auto;font-family:Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace;font-size:13px;display:block;padding:15px;margin:0px 0px 10px;line-height:1.42857;word-break:break-word;word-wrap:normal;color:rgb(101, 123, 131);border:1px solid rgb(204, 204, 204);border-radius:0px;background:rgb(246, 246, 246);text-size-adjust:none;margin-bottom:20px;white-space:pre;\\\"><code style=\\\"box-sizing:border-box;font-family:Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace;font-size:12px;color:rgb(101, 123, 131);background-color:transparent;border-radius:0px;padding:0px;white-space:pre;border:none;\\\">chrome-extension://fnfchnalfnjbjbfeccpophocngdgapad/index.html</code></pre>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">然后就可以愉快的调试了。</p>\\\n<h5 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:18px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">2.如何查看其他插件的源码</h5>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">访问chrome://version 找到Chrome插件安装的本机目录:<br style=\\\"box-sizing:border-box;\\\"/></p><div style=\\\"box-sizing:border-box;padding-bottom:25px;width:700px;margin-left:-40px;text-align:center;\\\">\\\n<img height=\\\"28\\\" src=\\\"http://upload-images.jianshu.io/upload_images/1665040-b0972ea4f1c6ffa7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240\\\" style=\\\"box-sizing:border-box;border:0px;vertical-align:middle;max-width:100%;height:auto;cursor:zoom-in;transition:all 0.25s ease-in-out;\\\" width=\\\"20\\\"></img><br style=\\\"box-sizing:border-box;\\\"/><div style=\\\"box-sizing:border-box;min-width:20%;max-width:80%;min-height:22px;display:inline-block;padding:10px;margin:0px auto;border-bottom:1px solid rgb(217, 217, 217);font-size:14px;color:rgb(150, 150, 150);line-height:1.7;\\\">chrome://version</div>\\\n</div><p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\"><br style=\\\"box-sizing:border-box;\\\"/>然后找到extension目录，所有插件和数据都在这里，可以随便参考其他插件源码。</p>\\\n<h5 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:18px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">3.不要把JS代码写在html文件里</h5>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">出于安全考虑，入口html文件中的JS代码只能通过script标签引用外部脚本文件，内嵌的JS代码会失效的。</p>\\\n<h5 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:18px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">4.注意国际化</h5>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">webstore面向的是全球用户，你辛辛苦苦写的小工具肯定不想只限于国内用户吧，所以在你的项目里面加上_locales文件夹，写代码的时候时刻考虑到如何才能更好地支持国际化。</p>\\\n<h5 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:18px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">5.用好Google</h5>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">开发遇到的问题Google一下一般能找到，StackOverflow 和Google网上论坛这两个站点要尤其留意，大部分问题这上面都有解决方案。</p>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">更多小技巧就不一一列举了，多看官方文档，有更详细的介绍。</p>\\\n<h2 style=\\\"box-sizing:border-box;font-family:inherit;font-weight:700;line-height:1.7;color:rgb(47, 47, 47);font-size:24px;margin:0px 0px 15px;text-rendering:optimizeLegibility;\\\">应用发布</h2>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">应用写好之后打包上传就好了，上传时Google会让你提供几张宣传图片，每一个需要填写的选项后面都有详细说明，需要认真阅读一下。</p>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">发布之后大概过上几个小时就能在webstore搜索到你的应用了：<br style=\\\"box-sizing:border-box;\\\"/></p><div style=\\\"box-sizing:border-box;padding-bottom:25px;width:700px;margin-left:-40px;text-align:center;\\\">\\\n<img height=\\\"28\\\" src=\\\"http://upload-images.jianshu.io/upload_images/1665040-aca4040d210fbca7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240\\\" style=\\\"box-sizing:border-box;border:0px;vertical-align:middle;max-width:100%;height:auto;cursor:zoom-in;transition:all 0.25s ease-in-out;\\\" width=\\\"20\\\"></img><br style=\\\"box-sizing:border-box;\\\"/><div style=\\\"box-sizing:border-box;min-width:20%;max-width:80%;min-height:22px;display:inline-block;padding:10px;margin:0px auto;border-bottom:1px solid rgb(217, 217, 217);font-size:14px;color:rgb(150, 150, 150);line-height:1.7;\\\">iBookmark</div>\\\n</div>\\\n<p style=\\\"box-sizing:border-box;margin:0px 0px 25px;word-break:break-word;\\\">至此大功告成，之后可以继续关注你的应用情况，适时更新。<br style=\\\"box-sizing:border-box;\\\"/>最后附上自己写的一个Chrome收藏夹插件源码，仅供参考交流：<br style=\\\"box-sizing:border-box;\\\"/><a href=\\\"https://github.com/0326/iBookmark\\\" style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(49, 148, 208);text-decoration:none;cursor:pointer;\\\" target=\\\"_blank\\\">https://github.com/0326/iBookmark</a></p>\\\n\\\n        </div>\\\n        \\\n\\\n        <div style=\\\"box-sizing:border-box;margin:40px 0px 30px;\\\">\\\n          <a href=\\\"http://www.jianshu.com/nb/3407698\\\" style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(155, 155, 155);text-decoration:none;cursor:pointer;font-size:12px;\\\">\\\n            <i style=\\\"box-sizing:border-box;font-size:15px;font-style:normal;-webkit-font-smoothing:antialiased;font-family:iconfont;font-weight:400;margin-right:2px;\\\"><span style=\\\"font-size:15px;font-style:normal;font-family:iconfont;font-weight:400;\\\"></span></i> <span style=\\\"box-sizing:border-box;\\\">动感小前端</span>\\\n</a>          <div style=\\\"box-sizing:border-box;float:right;margin-top:5px;font-size:12px;line-height:1.7;color:rgb(155, 155, 155);\\\">\\\n            © 著作权归作者所有\\\n          </div>\\\n          <div style=\\\"box-sizing:border-box;float:right;margin-top:5px;margin-right:20px;font-size:12px;line-height:1.7;\\\">\\\n            <a style=\\\"box-sizing:border-box;background-color:transparent;color:rgb(155, 155, 155);text-decoration:none;cursor:pointer;\\\">举报文章</a>\\\n          </div>\\\n        </div>\\\n    </div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":17727}]"
metadata_diff: {"new":{"id":"dfa7f568fabb4f15880e78b3a98639cf","parent_id":"061de1401cfc4cfaadf6e74e015970e9","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764345863860,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T16:20:23.199Z
created_time: 2025-11-28T16:20:23.199Z
type_: 13