且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

React的source code init时会自动检测Chrome dev tool的react extension装了没

更新时间:2022-09-14 07:44:49

Sent: Friday, 19 February, 2016 5:41 PM

React的source code init时会自动检测Chrome dev tool的react extension装了没,如果没装会在console里打一个message提醒。


React的source code init时会自动检测Chrome dev tool的react extension装了没

我就在想react咋知道本地安装了extension没。以前看过一篇Chrome extension的step by step创建教程。


其实extension也就是一个js文件。


React里检查一个全局变量是否被赋值,如果否,说明没装。


React的source code init时会自动检测Chrome dev tool的react extension装了没

这个Chrome extension会自动给该global object赋值:

React的source code init时会自动检测Chrome dev tool的react extension装了没React的source code init时会自动检测Chrome dev tool的react extension装了没React的source code init时会自动检测Chrome dev tool的react extension装了没

  Render里面的那个

… 被自动翻译成了JS: React.createElement( … ),

这个broswer.js 是个宝库啊,里面好多大师级的js 用法。。。


React的source code init时会自动检测Chrome dev tool的react extension装了没

From: Wu, Ji

就是哈,facebook自发明的新标记看起来很像html,多数人看到的第一反应是,擦这不是逻辑和视图混着写吗 ? 刚开始很不习惯

当时我还纳闷render()里传进去的参数既不是function,也不是string,而是一个html tag,这不是syntax error么?


React的source code init时会自动检测Chrome dev tool的react extension装了没

看了他的blog才弄懂,

React的source code init时会自动检测Chrome dev tool的react extension装了没

我之前忘了把browser.js 也copy 到本地。

React的source code init时会自动检测Chrome dev tool的react extension装了没