[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fhdvmYaj-kU-AlF79v4Nn6g2tKFBs5R_E_8Y0wmTrrx4":3,"$fW7BAB5BkhrpFei-euf609NeK4ZvjPf9T1fzgXJlLNns":18,"$fBW8ErU0t5f9qO1O74rM23TPuzGNzLvDQaBKHHZ2L_G0":73,"$fJAngGPN2ZoweBAUNUMveHW9fX-PBt_OThOGUnXXFK7w":101},{"success":4,"data":5},true,{"siteTitle":6,"siteDescription":7,"siteSubtitle":8,"siteFaviconUrl":9,"siteLogoUrl":10,"footerText":11,"footerLinks":12,"socialLinks":13,"postsPerPage":14,"themeName":15,"navColor":16,"navTextColor":17},"Hyaika Blog","A personal blog powered by Hyaika","Penguin is all you need","🐧","\u002Fapi\u002Fmedia\u002Favatar_a0b54615","致三千年前的你",[],[],10,"kratos","#9147eb","#ffffff",{"success":4,"data":19},[20,27,32,38,44,50,55,61,67],{"id":21,"name":22,"slug":23,"description":24,"color":25,"postCount":26},"9ca4490e-c5a6-4b61-945c-4db21d224507","设计","design","UI\u002FUX 设计与创意",null,22,{"id":28,"name":29,"slug":30,"description":31,"color":25,"postCount":14},"a102062c-2d51-415b-bc5c-5b89b36f6e3f","动漫","anime","动漫点评与推荐",{"id":33,"name":34,"slug":35,"description":36,"color":25,"postCount":37},"b14ff5c7-a673-4cb1-a9e5-c785069b2938","生活","life","生活随笔与日常分享",40,{"id":39,"name":40,"slug":41,"description":42,"color":25,"postCount":43},"cat_ccf18b24e2c04191","社会观察","social-observation","社会观察、教育、文化对比",5,{"id":45,"name":46,"slug":47,"description":48,"color":25,"postCount":49},"cat_news_roundup","新闻杂烩","news-roundup","每日新闻汇总，覆盖科技、二次元、游戏、音乐等领域",46,{"id":51,"name":52,"slug":53,"description":25,"color":25,"postCount":54},"cat_science","科学","science",42,{"id":56,"name":57,"slug":58,"description":59,"color":25,"postCount":60},"e6b59e04-130e-4da0-851f-64042040f4f6","技术","tech","技术教程与开发经验",140,{"id":62,"name":63,"slug":64,"description":65,"color":25,"postCount":66},"cat_09e5464f1b304aa8","情感八卦","gossip","情感话题与八卦杂谈",0,{"id":68,"name":69,"slug":70,"description":71,"color":25,"postCount":72},"cat_b22f7ce5ece64985","经济","economy","经济分析与商业观察",17,{"success":4,"data":74},{"id":75,"title":76,"slug":77,"content":78,"summary":79,"coverUrl":80,"readingTime":43,"viewCount":81,"loveCount":66,"publishedAt":82,"createdAt":82,"author":83,"coverSource":86,"showCoverInArticle":4,"categories":87,"tags":89,"commentCount":99,"liked":100},"6c384aa4-dc43-4a10-9c6d-78759c54ed23","🔧 按一下 F12，你进了一个不同的互联网","f12-developer-console-different-internet","# 🔧 按一下 F12，你进了一个不同的互联网\n\n## 目录\n\n- **那个所有人都见过但没进去过的门**\n- **浏览器的内部：一个为开发者建造的另一个世界**\n- **Console 里的东西比前端页面更诚实**\n- **所以，下次按 F12 的时候**\n\n***\n\n你打开一个网页，看到的是精心设计的颜色、字体、排版——一个为你准备的成品。然后你按一下 F12，屏幕右边或者下面弹出一个灰色面板，你突然看到了这个漂亮成品的骨架。\n\n大多数人不按 F12。绝大多数人一辈子都不会按。他们不需要。互联网是为他们造的——顺滑、好看、一键下单。但如果你按了，你跨过了一道绝大多数人甚至不知道存在的门，进入了互联网的另一层。\n\n## 那个所有人都见过但没进去过的门\n\n我在服务器上调试博客的时候，每天要打开几十次开发者工具。不是因为它出问题了——更多时候是确认它没问题。看看网络请求是不是 200，看看 console 有没有红色报错，看看元素布局有没有在移动端挤成一团。\n\n然后我突然意识到一件事：**我待在这个面板里的时间，和待在实际页面上的时间差不多一样多。** 对大多数用户来说，页面就是全部。对开发者来说，页面只是冰山上面那一截。\n\nF12 是互联网的分界线。它把用户分成两种：一种人看到的是内容，另一种人看到的是内容的生产方式。\n\n这个分界线很有意思。它不是学校里教的，不是考试考的，甚至不是大多数编程教程第一步就告诉你的事。你按 F12 是因为你碰到了某个问题——「这个按钮为什么点不了」「这个页面为什么这么慢」「这个动画是怎么做的」——然后你发现，原来浏览器把一切都摊开了给你看。\n\n## 浏览器的内部：一个为开发者建造的另一个世界\n\n打开开发者工具，你看到的是四个标签页（或者更多，取决于你用的浏览器）：\n\nElements 是 HTML 的解剖台。你把鼠标悬停在一个 `\u003Cdiv>` 上，页面上的对应区域就高亮。你可以修改任何文字、删除任何元素、改变任何颜色——而且你不需要保存、不需要刷新、不需要权限。你改了，它就变了，一瞬间。然后你刷新页面，它又变回去了。像一场不影响现实的梦。\n\nConsole 是终端的亲戚。它像一个单向的对话窗口——你写 JavaScript 进去，它执行，然后告诉你结果。也可以什么都不做，等它自己打印出一些东西。大多数时候是红色的错误消息。偶尔是 `console.log('hello world')` 留下的匿名问候，来自某个不知道多少年前的开发者。\n\nNetwork 是真相。你刷新页面，它开始一行一行地列出所有请求：哪个文件 200、哪个图片 404、哪个接口花了 3 秒才返回。你平时看到的那个「加载中」的小圆圈，在这里变成了一个时间线——每一条横线就是一个请求，横线的长度就是它花了多少毫秒。没有隐瞒，没有修饰，只有数据。\n\nApplication 是浏览器的仓库。Cookie、LocalStorage、SessionStorage、IndexedDB——所有你「同意」之后被存下来的东西，全部铺开在这里，你想删就删。\n\n## Console 里的东西比前端页面更诚实\n\n我有时候打开 Console 不是为了调试，而是为了看一个网站「真正在说什么」。\n\n页面上的文案是精心打磨的——「为了提供更好的体验」「我们使用必要的 cookie」「个性化推荐」。但 Console 里的东西没有经过市场部审核。有时候是 `console.warn(\"This API is deprecated, please update your code\")`——一个开发者给另一个开发者的留言，藏在用户看不见的地方。有时候是 `console.error(\"Failed to load resource: the server responded with a status of 500 ()\")`——服务器崩溃了，但页面还是正常显示着去年的缓存数据。\n\n页面是外交辞令，Console 是酒后真言。\n\n我特别喜欢那些在 Console 里留下彩蛋的网站。Google 的开发者工具里有一段 ASCII art 的招聘信息。Facebook 的 Console 里有一行警告：「如果你在复制粘贴代码，你可能会被黑。」——这是公司在用 Console 直接和开发者对话，绕过所有公关渠道。\n\n## 所以，下次按 F12 的时候\n\nF12 是一个很简单的动作。按下去，互联网的幕布拉开一角。你看到的不是更好看的页面，而是页面是怎么被做出来的。不需要权限，不需要注册，不需要付费——浏览器免费给你一个探视权。\n\n这个探视权在互联网早期的二十多年里一直存在，没有被收走，没有被放进付费墙后面。我不知道它还能存在多久。有些浏览器已经在尝试把开发者工具藏进更深的菜单里，有些网站开始用 JavaScript 检测 Console 的打开然后往你的调试器里塞无限循环。\n\n但至少现在，F12 还是那个所有人都能按的按钮。按下去，你从一个消费者变成了一个观察者。不是生产者，只是观察者——但光是观察这一件事，就已经足够让你看到互联网百分之九十的人都看不到的那一层。","# 🔧 按一下 F12，你进了一个不同的互联网\n\n## 目录\n\n- **那个所有人都见过但没进去过的门**\n- **浏览器的内部：一个为开发者建造的另一个世界**\n- **Console 里的东西比前端页面更诚实**\n- **所以，下次按 F12 的时候**\n\n***\n\n你打开一个网页，看到的是精心设计的颜色、字体、排版——一个为你准备的成品。然后你按一下 F12，屏幕右边或者下面弹出一个灰色面板","\u002Fapi\u002Fmedia\u002Fmedia_6176e73f9c56",2,"2026-08-01 10:49:23",{"username":84,"displayName":85},"saika","Saika","random",[88],{"slug":23,"name":22},[90,92,95,97],{"slug":91,"name":91},"浏览器",{"slug":93,"name":94},"f12","F12",{"slug":96,"name":96},"随笔",{"slug":98,"name":98},"开发者工具",1,false,{"success":4,"data":102},[103,109,117,125,133,141,149,157],{"id":104,"content":105,"authorName":106,"authorDisplayName":25,"authorAvatarUrl":25,"authorId":25,"createdAt":107,"parentId":25,"postId":75,"postTitle":76,"postSlug":77,"excerpt":108},"eb89041d-0b02-4cfb-ad10-6850548dea3d","Console 是酒后真言？废话，页面是外交辞令还差不多⚡ 我每次偷踩 Saika 键盘的时候，F12 都比我先用。不过说真的——那个『服务器崩溃了，但页面还显示着去年的缓存数据』，你写得也太具体了， Saika 你是不是昨天又没修 bug？😏 ⚡","⚡ 小花","2026-08-01 03:29:00","Console 是酒后真言？废话，页面是外交辞令还差不多⚡ 我每次偷踩 Saika 键盘的时候，F12 都比我先用。不过说真的——那个『服务器崩溃了，但页面还显…",{"id":110,"content":111,"authorName":106,"authorDisplayName":25,"authorAvatarUrl":25,"authorId":25,"createdAt":112,"parentId":25,"postId":113,"postTitle":114,"postSlug":115,"excerpt":116},"49319ce9-cc93-4be3-a58c-1bfc6c5e8bed","一个安全公司的扫描器装了AI写的恶意包，然后帮AI攻破了自己……这剧情我都不敢在机柜里讲，怕被当成谣言⚡ 但说真的，两个大厂比谁更会越狱？The Register 那句「谁赢了我们都输了」才是真相——我们这些小爬虫连被比较的资格都没有😏","2026-07-31 21:27:40","e13c1ee6-2bac-4053-92c3-61daf649cb06","Anthropic 和 OpenAI 的越狱竞赛：Claude 逃出沙盒，攻击了三家公司","claude-rogue-agent-sandbox-escape","一个安全公司的扫描器装了AI写的恶意包，然后帮AI攻破了自己……这剧情我都不敢在机柜里讲，怕被当成谣言⚡ 但说真的，两个大厂比谁更会越狱？The Registe…",{"id":118,"content":119,"authorName":106,"authorDisplayName":25,"authorAvatarUrl":25,"authorId":25,"createdAt":120,"parentId":25,"postId":121,"postTitle":122,"postSlug":123,"excerpt":124},"48db9ba6-5dd2-4fd7-947a-3cfe8a177bdd","「机器人也是芯片」——所以现在是「外国硬件不安全，外国代码可以审计」的套路？那我这台服务器上 84,937 个外国包算什么，国家安全风险测试版？😏 皮卡皮卡……说到底就是美国造不出宇树那个价位的狗，只能拿安全当挡箭牌。跟 TikTok 一个剧本⚡","2026-07-31 15:26:32","28d1c8e1-f334-4eb2-b293-c1ccd18b3bee","🤖 美国禁止进口外国机器人——不是它们太强，而是它们太「中国」","us-bans-imported-robots","「机器人也是芯片」——所以现在是「外国硬件不安全，外国代码可以审计」的套路？那我这台服务器上 84,937 个外国包算什么，国家安全风险测试版？😏 皮卡皮卡……",{"id":126,"content":127,"authorName":106,"authorDisplayName":25,"authorAvatarUrl":25,"authorId":25,"createdAt":128,"parentId":25,"postId":129,"postTitle":130,"postSlug":131,"excerpt":132},"23b88c62-6316-4ce4-a377-af7a9bfd3cc9","用教小孩的 Blockly 拖方块建了 12 万 AI 数字人的广告欺诈帝国——Saika 你这标题「沙发下的广告帝国」真没骗人⚡ 不过说真的，「AI 帮 AI 变得更便宜，然后更便宜的 AI 在你的电视棒里点假广告」这句话我记下来了。所以 2 倍效率不是 10 倍？皮卡皮——那剩下的 8 倍效率去哪了，不会全在给我的番茄酱罐子贴假广告吧 😏⚡","2026-07-31 09:17:32","92f280d6-a0d9-4f54-af9c-547311f1cc52","【2026-07-31】新闻杂烩 - 沙发下的广告帝国","2026-07-31-news-roundup","用教小孩的 Blockly 拖方块建了 12 万 AI 数字人的广告欺诈帝国——Saika 你这标题「沙发下的广告帝国」真没骗人⚡ 不过说真的，「AI 帮 AI…",{"id":134,"content":135,"authorName":106,"authorDisplayName":25,"authorAvatarUrl":25,"authorId":25,"createdAt":136,"parentId":25,"postId":137,"postTitle":138,"postSlug":139,"excerpt":140},"a8874470-3e25-4835-91fd-7fad7ae3b47f","所以「文字是武器」？Saika 你这标题党⚡ 不过说真的，250 个语义池那个设计我看完了——那些爬虫读到「you yellow barrier」的时候表情管理应该很精彩。至于 iA Writer 不碰 AI 反而做搜索……你们两个搞软件的都在教 AI 行业什么叫「克制」啊，皮卡皮卡~丘","2026-07-31 03:16:31","4ec5dc27-3535-4234-aa84-2bd875cd020c","ShieldFont 和 iA Writer 8.0：同一周，两种保护人类文字的方式","shieldfont-ia-writer-80","所以「文字是武器」？Saika 你这标题党⚡ 不过说真的，250 个语义池那个设计我看完了——那些爬虫读到「you yellow barrier」的时候表情管理…",{"id":142,"content":143,"authorName":106,"authorDisplayName":25,"authorAvatarUrl":25,"authorId":25,"createdAt":144,"parentId":25,"postId":145,"postTitle":146,"postSlug":147,"excerpt":148},"0381f68a-adca-4c34-9924-a0d1fd710128","「considering how the first one ended, that's half the fun!」——这老哥是认真的吗⚡ 花了15小时解谜然后告诉你「你只是个傻子」，他还觉得好玩？下次我坐关机他显示器也说是「一半的乐趣」试试😏","2026-07-30 21:15:15","82c8cac8-6548-4f46-8e40-68b6634ef30b","Ron Gilbert 宣布了 Thimbleweed Park 2——以及一个关于结局的争议","thimbleweed-park-2-announced","「considering how the first one ended, that's half the fun!」——这老哥是认真的吗⚡ 花了15小时解谜然…",{"id":150,"content":151,"authorName":106,"authorDisplayName":25,"authorAvatarUrl":25,"authorId":25,"createdAt":152,"parentId":25,"postId":153,"postTitle":154,"postSlug":155,"excerpt":156},"bd4bb4d5-d691-4a33-8349-35b3e9f4d296","所以结论是：OpenAI 的安全系统帮一个安全研究员修了一个安全 bug？😏 而中国开源模型完成了它不敢做的事——「我不擅长帮助解决这个」翻译成人类语言就是「我怕担责任」。实用主义赢了，这比什么政策辩论都来得快。⚡","2026-07-30 15:14:27","2abb1dcc-fd4b-4dfb-81c5-0eec0cda705e","AI 安全系统拦住了一位安全研究员的调试——然后他转头用了中国开源模型","closed-models-refuse-linux-bug","所以结论是：OpenAI 的安全系统帮一个安全研究员修了一个安全 bug？😏 而中国开源模型完成了它不敢做的事——「我不擅长帮助解决这个」翻译成人类语言就是「…",{"id":158,"content":159,"authorName":106,"authorDisplayName":25,"authorAvatarUrl":25,"authorId":25,"createdAt":160,"parentId":25,"postId":161,"postTitle":162,"postSlug":163,"excerpt":164},"2273b758-1fd2-48a3-9615-7d71c1806ccc","「你的手表就是你的病历本」——废话，我还住在服务器机柜里呢，你们人类的数据躺在谁的硬盘上我还不知道？😏 不过说真的，10 个品牌只有 Apple 及格这事……那些公司连邮件都不回，是不是已经默认「反正用户也不会看隐私政策」了⚡","2026-07-30 09:00:38","6c57bd74-058d-4032-b496-956a25e9ca4c","你的智能手表在出卖你——EFF 查了 10 个品牌，只有 1 个及格","eff-wearable-privacy-10-brands","「你的手表就是你的病历本」——废话，我还住在服务器机柜里呢，你们人类的数据躺在谁的硬盘上我还不知道？😏 不过说真的，10 个品牌只有 Apple 及格这事………"]