Chrome DevTools: 开启实验功能
Guokai Han
本篇称不上文章，只是把之前曾在和其他文章提到过的内容单独提炼一下。
Chrome DevTools 中有不少实验性的功能，但需要通过手工启用才会出现，因此可能不少开发者还清楚。
1. 在 Chrome 地址栏输入 chrome://flags/
这里面有各种 Chrome 的实验功能特性。
2. 启用 Developer Tools experiments 并重启浏览器
3. 在 DevTools 的设置中启用需要的功能
打开 DevTools ，按 F1 或从菜单中打开设置。在 Experiments 面板中勾选你想要启用的功能特性。新特性需要关闭并重新打开 DevTools 窗口生效（按两次快捷键即可），有的可能需要重启浏览器。
4. 隐藏特性
还有些特性即使在 Experiments 面板中也是默认不可见的，需要在该设置面板中连按 6 次 Shift 键才会出现 :)
作者：韩国恺
除非特别声明，此文章内容采用许可，代码示例采用许可。更多细节请查看我们的。AndroidDevTools
收集整理Android开发所需的Android SDK、开发中用到的工具、Android开发教程、Android设计规范，免费的设计素材等。
欢迎大家推荐自己在Android开发过程中用的好用的工具、学习开发教程、用到设计素材。如果你觉得本站对你有用，你可以点击底部的分享按钮，把本站分享到社交网络让你的小伙伴和更多的人知道。
或者可以考虑对本站支持下，支持我把本站做的更好，帮助更多的人。目前支持支付宝和微信，金额随意。
Android Tools
Android SDK在线更新镜像服务器
郑州大学开源镜像站:
mirrors.zzu.edu.cn 端口：80
使用方法：
启动 Android SDK Manager ，打开主界面，依次选择『Tools』、『Options...』，弹出『Android SDK Manager - Settings』窗口；
在『Android SDK Manager - Settings』窗口中，在『HTTP Proxy Server』和『HTTP Proxy Port』输入框内填入上面镜像服务器地址(不包含http://，如下图)和端口，并且选中『Force https://... sources to be fetched using http://...』复选框。设置完成后单击『Close』按钮关闭『Android SDK Manager - Settings』窗口返回到主界面；
依次选择『Packages』、『Reload』。
Android Studio
注意:以下 Android Studio 下载链接全是 dl.google.com 开头的官方下载，无需tizi，建议用浏览器直接从官方原始链接下载，不要用迅雷下载、不要用迅雷下载、不要用迅雷下载，重要的事情说三遍，避免类似的事件！！！
SHA-256 校验码
官方 SHA-256 校验码截图
3.1 Beta 3
9aef89e8d00c3d65c65fa9d447b1217b0fde9bf376a55
c7cea885e0ec9a3fc164ffd4f4fc732bb4763b9cab3d
88e5decff39e8feceeec1dfe07b
9d1b5cdb9b3a09afd8f4dabb519d02d826d4e87d56e2f27b0604
3.2 Canary 3
fb30c2c4fb3a276ab2d1cca2b971bf2a112
05b31b65b9aec2b53c411ff319a7982
302cfd63d7bde7bde77ab722c84bccc5b83d
f8cac43e2a86bc0c06dccaaebca0b6d898d
3.2 Canary 2
db520ed13b440e8cc43aad829c7adffba
7950f13faece0fe367f9fad235dac270d1e0d6be68baab34c22aa9d
ffbb248bee6b0d71e68c62f
d4fd7ae0dc9dc839aa83a86e278bba8fefbc32fdcbd6f
3.1 Beta 2
7abaed20c5b0f34876dde5ece11794daced97bc793dbf2b4bc5e9c252f09e00d
1adb6bbcb0d9c08fb58cf9c5dafa66cb3f
c3a7e8bee8e7d99e8cbd8b4829956cbdda
6cca4ef1c30582cc5dddac8fffddaa668
3.2 Canary 1
ac0b896e76bacafd274b1f0e99abce7c63ca1fcb8921
fd16ece6e0e929c455b1ecbbfcdea5b
cece577ccf2dcfaf1541dbf
37762f80cabef956bd78f16d6a97dd22e2374339efa8da4e6ffce17
3.1 Beta 1
df863d3bdc5f47f64747dbd63f9ac82f497bb11bd3
a9f44fcebedaf606c32e641a96c93e5e80e68b164195
4e814e3c3a313b4c76f8c34a675d9a94b552fa4fdb96
4fb1d477af23eecb7eb
3.1 Canary 9
0eaab8fcff3d24fdeda06ba3f907a015cffb
22d5c7f2ef487a393a5d03eefda9afaffb4f8780a06
92dac5fa1dadceaeb341b62a9c0d9adb2fe1dc574d4ab5cfefab
63a6fce85180c0aebcd580cd30e56c6f4e1a5ec373
3.1 Canary 8
ff313a7ad84c75fe63cecd5cba27ce88791ca3bdf6e6ce2
c020ca6b5cb8ff8c597abc68d46bdcfd
bfd603ba1e1f4f108db0fdf71dc5b165d9e9db67bcd
a3b48c7c65facb3b574cb90ddbc7afbd355
3.0.1 正式版
1f781b643a12d7f9d4c22e75ee7c14dc1faf00ce3d
cd644afcf372ada1f946e5cfa99edb59f842
c4e0e3da447fa767edc0e0a1b311ce7dbc05766dcd221
ad7110ed2ffc662b7a13efae8e351bdacf
3.1 Canary 4
eaee7bcac96e1de37d292ebb7b871f86f5eb139eb4d
cc8f7b419a56f811e5a17e8d9527b
b82cd387da3f5787afffca096f19a0d47fd165a710fafc6d6febaf09
1af4fb6acaecc534e18ee8e7fed1ffb
3.1 Canary 3
eaee7bcac96e1de37d292ebb7b871f86f5eb139eb4d
cc8f7b419a56f811e5a17e8d9527b
b82cd387da3f5787afffca096f19a0d47fd165a710fafc6d6febaf09
1af4fb6acaecc534e18ee8e7fed1ffb
3.1 Canary 2
240e73a7aaecb22bddaad13f54e01d9038a21eaed1ddc1
7c944f0fe166dd969cdf9f31b5acbe1638cceaf78b4b
0fdc0ee275bce2b91dc8a94e88f3ba0
bc34ca1843aa8baac649e5f0ff7c1fccde7a34ba739
3.1 Canary 1
c0e029eb49c17a8d0c3b8b0afcb98f245ce6bd33a2257
220c95aab9ad83eb6c646275aaee9c4adabb97e2e6bac
ab01abbcbb46558d
f2fab3da205c43c60a031df49dc92f6fd8b57cde6af23
3.0 正式版
627d7f346bfbd
b0b4c72df62e94eb887e67bbfce713acb7baed8740
f6c455fb70ddb351c072e84fc4ab212
b6cfa07b9d92dda9d7a2
9d787c0cf453e40ad1ba9653270dcc22a58fa7c9faba41
67098fdd64d257c2aa98db29af8ad0b37c8ea06eb5ec00dc51986
484a698f9a4a6bdbb89be16bb37fc1f23842faacd416d5aca2fb1c3f
6e33ac884af9faefab772b8267ede056aaedb63f291ceb5e95a7
8cfaa89d4cbfa34be830f4c4a5adc42afa363e0492150
617effab8adbb4ad41a52cae898b6eb84ab4
f8a414f7f4111a9aba059c7b85a3f0aba6abc042daa7
ffefdcaa36ab0dbfb408433
SHA-1校验码
官方SHA-1校验码截图
7fd6789b4fdc06ee7af041e071ef7a4ebfd2
4afce88cba74d69c364b05b31c53d57b26f9ffe4b9df9
444e22ce8ca0f67353bda4b8cae3ffa695ca18119cbacef1c1bea0
f9b59defea0b
66b6ab22bf8cab19c0f3fef4eba49
85a9cccb0b1f9e6f1ffcd
725bb360f0f7d04eaccff5a2d57abddd
SDK Platform-Tools
这是 adb, fastboot 等工具包。把解压出来的 platform-tools 文件夹放在 android sdk 根目录下，并把 adb所在的目录添加到系统 PATH 路径里，即可在命令行里直接访问了 adb, fastboot 等工具。
platform-tools-r22
platform-tools-r21
platform-tools-r20
Build-Tools
这是Android开发所需的Build-Tools，下载并解压后，将解压出的整个文件夹复制或者移动到 your sdk 路径/build-tools 文件夹即可。
这是Android开发所需的sdk，下载并解压后，将解压出的整个文件夹复制或者移动到
your sdk 路径/platforms文件夹，然后打开SDK Manager，打开
Tools(工具)菜单选择
Options(选项)菜单项打开Android SDK Manager Setting对话框，点击
Clear Cache(清除缓存)按钮，然后重启Eclipse(或Android Studio)和SDK Manager。
系统版本号
android 5.0
android L Rev3
android 4.4W
android 4.4.2
android 4.3
android 4.2.2
android 4.1.2
android 4.0.3
android 4.0
android 3.2
android 3.1
android 3.0
android 2.3.3
android 2.2
SDK System images
这是在创建模拟器时需要的system image，也就是在创建模拟器时
CPU/ABI项需要选择的，下载并解压后，将解压出的整个文件夹复制或者移动到
your sdk 路径/system-images文件夹下即可， 如果没有
system-images目录就先创建此文件夹，然后打开SDK Manager，打开
Tools(工具)菜单选择
Options(选项)菜单项打开Android SDK Manager Setting对话框，点击
Clear Cache(清除缓存)按钮，然后重启Eclipse(或Android Studio)和SDK Manager。
系统版本号
android 5.0
android 4.4W
android 4.4.2
android 4.3
android 4.2.2
android 4.1.2
android 4.0.3
android 4.0
GoogleMap APIs SDK
这是GoogleMap APIs SDK，下载并解压后，将解压出的整个文件夹复制或者移动到
your sdk 路径/add-ons文件夹下，然后打开SDK Manager，打开
Tools(工具)菜单选择
Options(选项)菜单项打开Android SDK Manager Setting对话框，点击
Clear Cache(清除缓存)按钮，然后重启Eclipse(或Android Studio)和SDK Manager。
系统版本号
android 4.4.2
android 4.3
android 4.2.2
android 4.1.2
android 4.0.3
android 4.0
android 3.2
android 3.1
android 3.0
android 2.3.3
android 2.2
Google Glass SDK
这是GDK，下载并解压后，将解压出的整个文件夹复制或者移动到
your sdk 路径/add-ons文件夹下，然后打开SDK Manager，打开
Tools(工具)菜单选择
Options(选项)菜单项打开Android SDK Manager Setting对话框，点击
Clear Cache(清除缓存)按钮，然后重启Eclipse(或Android Studio)和SDK Manager。
android 4.4.2
android 4.0.3
Google TV Addon
这是Google TV Addon，下载并解压后，将解压出的整个文件夹复制或者移动到
your sdk 路径/add-ons文件夹，然后打开SDK Manager，打开
Tools(工具)菜单选择
Options(选项)菜单项打开Android SDK Manager Setting对话框，点击
Clear Cache(清除缓存)按钮，然后重启Eclipse(或Android Studio)和SDK Manager。
android 3.2
Android Framework Source Code
这是Android Framework Source Code，下载并解压后，将解压出的整个文件夹复制或者移动到
your sdk 路径/sources文件夹下，然后重启Eclipse(或Android Studio)，这样当你在Eclipse里面按住
Ctrl键点击某个系统类时就可以打开该类的源码文件查看源码了。
Android SDK Extras
Android Support Library、
Google Cloud Messaging for Android Library、
Google Play services、
Google Play services for fit preview、
Google Play services for Froyo、
Google Play APK Expansion Library、
Google Play Billing Library、
Google Play Licensing Library等，下载解压后将解压出的整个文件夹复制或者移动到
your sdk根目录下下，如果已经存在
extras文件夹就替换掉。
Support Library
包含supportive、v7和v13，下载解压后将解压出的整个文件夹复制或者移动到
your sdk 路径/extras下，然后打开SDK Manager，打开
Tools(工具)菜单选择
Options(选项)菜单项打开Android SDK Manager Setting对话框，点击
Clear Cache(清除缓存)按钮，然后重启Eclipse(或Android Studio)和SDK Manager。
SDK Samples
这是Android SDK自带的示例代码，下载并解压后，将解压出的整个文件夹复制或者移动到
your sdk 路径/samples文件夹下，然后重启Eclipse(或Android Studio)
C/C++开发Android应用工具包,Linux/Mac OS X 下NDK的安装方法请戳
Size (Bytes)
SHA-256 校验码
官方 SHA-256 校验码截图
NDK r16-beta1
Windows 32-bit
2aacf38ac842bc716ca6b5eea4ea
Windows 64-bit
ef0ec62f81d853f916
5ff37ebf724bef40ff9e1fbdaab265e0b9754364
Linux 64-bit (x86)
20affa8bb6c6cec0ceed370cea2e0c2
Windows 32-bit
f2e47121feb73ec34ced5e947cbf1adc6b56246e
Windows 64-bit
970bb2496de0eada7d
ea4b5d7aa625fc1f98
Linux 64-bit (x86)
0bf02d4e8b85fd770fd7b9b2cdec57f
Windows 32-bit
070443eaa7fa37ed337f91c655e02ca708d37c92
Windows 64-bit
a625e8c599bccdb9061b61dcf3d1f1af
2bf582c43f6dad158a6dfaba4277c
Linux 64-bit (x86)
becd161da6ed9a823e25be5c02955d9cbca1dbeb
Windows 32-bit
Windows 64-bit
649d4cecbb3dee53a
Mac OS X 64-bit
71fe653a7bf5db08c3afccbc12f0add5
Linux 64-bit (x86)
ddf50ec15b8a037cfcfd0
Windows 32-bit
cc498ef01d7fe919dcc8aeb4d709f4ff793dee46
Windows 64-bit
39b78dda640f7fb0ec1a8ac6ce5eef
Mac OS X 64-bit
fd7ec2b511b66cbeedd0e
Linux 64-bit (x86)
a22bfcbeacc953b0cee
Windows 32-bit
8e6eef0091dac2f3c7a1ecbb212c04
Windows 64-bit
9a1c65e8a69bf9cbdc9849bcacf7f5
Mac OS X 64-bit
e257fe12fc10c3fffe87fb9406118a
Linux 64-bit (x86)
170a119bfa0f0ce5dc932405eaa3a7cc61b27694
Additional Download (32-, 64-bit)
r10 STL debug info
r9 STL debug info
Android System Image
这个是 Android 系统的刷机镜像。
SHA-256 校验码
官方 SHA-256 校验码截图
a45d3eab4bcfe677f26ec8d375a0fa568a345c0a2a76bd36f56c433
ab0d4f9f484b737ad68e6cf5a1ee55344
47da29c416ad88cfdcbcdb08b1c7f53bde
56bbae3e97ebf85ecf6dc75d65dd619
Will be available later in the Developer Preview.
for details.
Pixel 2 XL
879b105dd93a856ca0dad3f0d86af33c5a628c5be95e6f4740824e
a63b2f21ad07d7b163cdb0ff26b4d3aedfab83895bb
Nexus Player
56e03f4d8018d5cae89b4a0f360f54c7d49cbb6a7
81a1479d62eddca5581bafee0c3b259430fcc7119758
Pixel (Telstra, Rogers, TMO, Sprint, USCC, Project Fi)
0db8da44e6300324dbd6cbe26d6ae2641745becab9d7d1607e9db
Pixel (other carriers)
8adacac29edb3d1e45f8ac
Pixel XL (Telstra, Rogers, TMO, Sprint, USCC, Project Fi)
985fd412c40dd1ec6eec1da2a48f5116de
Pixel XL (other carriers)
44b1a2faadde8dbe4bf20c6cfc20bf350b1e0f07df
ADT Bundle
ADT Bundle包含了Eclipse、ADT插件和SDK Tools，是已经集成好的IDE，只需安装好Jdk即可开始开发，推荐初学者下载ADT Bundle，不用再折腾开发环境。
ADT Plugin
离线安装ADT插件请戳
Android Gradle Plugin DSL 在线文档
Gradle Dependencies Configuration Generator(需要梯子)
版本控制工具
Git-2.12.0
Git-1.8.5.2
SVN Plugin For Eclipse
Apk反编译工具
Enjarify 是一个用 Python 写的， Google 官方开源的可以将 Dalvik 字节码转换为 Java 字节码的工具。
JEB Android Decompiler
Virtuous Ten Studio
Apk文件修改工具Root Tools
Dex文件反编译工具Dedexer
APK+Dex文件反编译及回编译工具
android-apktool
Onekey Decompile Apk]
AXMLPrinter2
JAD Java Decompiler
JD-GUI Decompiler
Android APK Decompiler
在线反编译工具
SmaliViewer
是一款免费的APK分析软件，无论从分析的深
度还是广度来看，都是一款能够满足用户需求
的产品，使您在APK分析的过程中，更加得心应手。
Android逆向助手
Android逆向助手是一功能强大的逆向辅助软件。
该软件可以帮助用户来进行apk反编译打包签名；
dex/jar互转替换提取修复；so反编译；
xml、txt加密；字符串编码等等，操作简单，
只需要直接将文件拖放到源和目标文件。
Android Killer
<Android Killer 是一款可视化的安卓应用逆向工具，集Apk反编译、Apk打包、Apk签名，编码互转，
ADB通信（应用安装-卸载-运行-设备文件管理）等特色
功能于一 身，支持logcat日志输出，语法高亮，
基于关键字（支持单行代码或多行代码段）项目内搜索，
可自定义外部工具；吸收融汇多种工具功能与特点，
打造一站 式逆向工具操作体验，大大简化了用户在
安卓应用/游戏修改过程中的各类繁琐工作。
DexExtractor
android dex extractor ，anti-shell，android 脱壳。
Dex to Java decompiler
android-classyshark
a handy Android and Java executables viewer
ShakaApktool
APKfuscator
ApkAnalyser
Android analysis framework
Androguard
VirusTotal
GDB for Android
静态代码分析工具
Facebook 开源的静态代码分析工具，用于在发布移动
应用之前对代码进行分析，找出潜在的问题。
基于Soot和Scala的静态APP安全漏洞扫描工具。利用
过程内和过程间程序分析技术实现了深度分析。
Debug调试工具
Stetho 是Facebook推出的Android 调试平台，基于 Chrome Developer Tools ，调试网络请求方面特别方便。
Augmented Traffic Control
Facebook宣布开源移动网络测试工具ATC，该工具支持利用Wi-Fi网络模拟2G、2.5G、3G以及LTE 4G移动网络环境，让测试工程师们能够快速对智能手机和App在不同国家地区和应用环境下的性能表现进行测试。
Api测试工具
一个用Go写的命令行API测试利器，支持文件下载，
文件上传，支持Linux的pipe方式，总之就是炫酷。
Eclipse/Android Studio/IDEA插件
Eclipse插件
Genymobile模拟器
Memory-Analyzer-Tools
Droidinspector
SQLiteManager
Color Theme
Android Studio/IDEA插件
Android Resource Resizer Plugin
Gradle Dependencies Helper Plugin
Android Parcelable code generation Plugin
Android Holo Colors IDEA Plugin
Android Toolbox Plugin
Android Gradle Sign Plugin
Android Permissions Usage Plugin
Android Helper Plugin
Android Studio Prettify Plugin
IDEA ADB Plugin
Otto Intellij Plugin
Dagger intellij Plugin
Gradle Gui Plugin
Android Studio Unit Test Plugin
Android Layout ID Converter Plugin
IDEA protobuf Plugin
Simple Team Code Reviewer Plugin
Android XML Plugin
ADF Plugin
Java2smali Plugin
IDEA gitignore Plugin
IDEA Background Image Plugin
IDEA Maven Plugin
Gradle GooglePlay Publisher Plugin
Drawable Selectors Generates Plugin
Android Drawable Importer
GsonFormat
ormlite-android-gradle-plugin
Android资源/Themes/Style生成工具
Android Asset Studio
Android Drawable Factory
Android Action Bar Style Generator
Android Holo Colors Generator
Android Simple Nine-patch Generator
Android Device Frame Generator
Android资源分析工具
Android Assets Viewer
Android Layout Parser工具
Android Layout Binder
Android Content Provider代码生成工具
Content Provider Code Generator
Android Fragment Code Generator代码生成工具
Android Fragment Code Generator
代码生成工具
Android KickstartR
AndroidKickstartR帮助您快速创建
Android应用程序并使用最流行的库进行配置。
它创建和配置你的项目给你。只专注于代码!
Android Button Maker
Android Button Maker是一个在线生成Android应用按钮代码的工具。
Android的API提供可绘制资源，其中的XML文件定义的几何形状，包括颜色，边框和梯度。
这些按钮是在shape drawable XML代码基础上产生的相比通常的PNG按钮加载速度更快。
您可以在设置面板中自定义按钮的属性和获得源代码。
Android SVG to VectorDrawable
一个可以将SVG图片转换为Vector Drawable xml文件的在线工具。
Android Native开发工具
Android测试工具
Little Eye
Apk View Tracer
APT是一个Android平台高效性能测试组件，
提供丰富实用的功能，适用于开发自测、
定位性能瓶颈；
测试人员完成性能基准测试、竞品对比测试。
GT（随身调）是APP的随身调测平台，它是直接运行在手机上的“集成调测环境”(IDTE, Integrated Debug&Test Environment)。
Mobile-Checker
移动端页面检查工具,可以选择三种屏幕规格，通过工具发现网站在移动端存在的问题。
Android多渠道打包工具
Umeng多渠道打包工具
AppTools具
package_tool
Android Bug日志收集工具
Crashlytics
ChkBugReport
Log Collector
Android Crash Catcher
其他语言开发Android应用工具
Basic4android
Scripting Layer
Ruby Rhodes
移动设备上的Ruby
PHP for Android
Codename One
App Inventor
传感器模拟工具
Sensor Simulator
独立的Java应用程序，它模拟传感器
的数据并将它们传送到Android模拟器。
Android串口开发工具
Android Serialport Api
图片尺寸处理工具
9-Patch Resizer
图片压缩工具
ImageOptim
资源清理工具
Android Lint
Android Resource Cleaner
Android Unused Resources
Android Resource Remover
px和dp转换/计算工具
Android dp px Calculator
dp px converter
androidpixels
android dpi calculator
DPI Calculator
Android DPI Calculator插件
Java To iOS
JSON/XML转换为POJO Class工具
jsonschema2pojo
Convert XML or JSON to Java Pojo
Java DAO Generate工具
Generate Java DAO for relational data table
Chrome插件
Android插件
Android SDK Search
Android Resource Navigator
ADB Plugin for remote
debugging Chrome on Android
Mobile/RWD Tester
ExtensionAndroid SDK Samples Search
Android Developer Improvements
Android downloader
JSON/XML格式化插件
JSON Formatter
JSON Viewer
JSON Finder
Encode/Decode插件
Base64 Encode and Decode
Git Plugin
Git Cheat Sheet
Android Dev Guides
Android 开发文档(无需番羽土啬)
Google Java编程风格指南中文版
英文地址：
Android Api中文版
Android API指南中文版
Android Proguard混淆配置指南
Gradle插件使用指南中文版
Gradle User Guide
Gradle 1.12用户指南：
Android Dev Tutorials
Android学习之路
Google Android官方培训课程中文版
Developing Android Apps
Java Design Patterns Samples in Java.
Design Tools
Photoshop插件
最好用的切图工具
Corner Editor
路径圆角编辑工具
GuideGuide
辅助线工具
Assistor PS
Skeuomorphism.it
QuickGuide
Long Shadow Generator
长投影效果生成插件
android_resizer_toolkit
android-ps-tools
一些方便Android UI设计的PhototShop插件。
LayerCraft
A Photoshop plugin to export UI assets from layers
矢量图设计工具
Affinity Designer
Adobe Illustrator
设计稿尺寸标注工具
PxCook像素大厨
UI设计师效率提升利器，让你专注于设计本质，
不再为标注切图而烦恼，从设计到实现一气呵成
原型设计工具
Balsamiq Mockups
OmniGraffle
Justinmind
交互设计工具
Framer Studio
Quartz Composer
UI效果预览工具
Android Design Preview
Pixl Preview
Skala Preview
Android Material Design可视化调色板
Android Material Design Colours.xml
Colorube配色神器
Adobe Kuler
ColorSchemer Studio
设计稿版本控制工具
LayerVault
图标处理工具
Icon Slate
在线Icon库
NounProject
ColorSnapper
不透明度16进制值
手机To电脑同步预览工具
Gif图片录制工具
Android Tool
UI Programming Language
Design Tutorials
Design Games
一个帮助你练习PS里钢笔工具的小游戏。
Design Guides
Android设计指南非官方简体中文版
Topfun镜像地址：
Github镜像地址：
ApkBus镜像地址：
Segmentfault镜像地址：
多看阅读镜像地址：
Android Cheatsheet for Graphic Designers
Google Material Design 中文版
Designer's Guide To dpi
Email Design Guide
Free Design Resources
开启新世界大门的?
Disclaimer
版权归原作者所有，这里仅做收集整理，欢迎自由转载-非商用-非衍生-保持署名和本网站网址。devtool里的7种SourceMap模式是什么鬼_百度知道
devtool里的7种SourceMap模式是什么鬼
我有更好的答案
js';, ': '.js & bundle.js webpack main.js module.exports = { \: { filename: 'bundle: //img'.js' } }: //.js' }, webpack.config, 做 CSS 预处理, 编译 JS 方言, 打包图片, 还有其他一些. 它支持 AMD 跟 CommonJS. 3: ': }, {) 代替 require('./ require(' 1. 为什么用 webpack? 他像 Browserify, 但是将你的应用打包为多个文件. 如果你的单页面应用有多个页面, 那么用户只从下载对应页面的代码.css', 可以随意添加要运行的代码.config.js 的目录然后运行: 'bootstrap,, loader: 'jsx-loader, output: { jsx-loader?harmony' } //, loader.js$/. 当他么访问到另一个页面, 他们不需要重新下载通用的代码. 他在很多地方能替代 Grunt 跟 Gulp 因为他能够编译打包 CSS./ 现在可以写 require('file'/ webpack: { filename: 'main.js'coffee-loader' webpack.config, '.config.js 来组织各个过程.js module.exports = { ./. 如果你不知道用什么, 就用 CommonJS;main.js'): { loaders, (A , loader: 'coffee-loader' }.extensions 参数指明那些文件 Webpack 是要搜索的; 这仅仅是 JavaS.js$/. Webpack 给 Browserify 的同学用 对应地: webpack 来执行一次开发的编译 webpack -p for building once for production (minification) webpack -p 来针对发布环境编译(压缩代码) webpack --watch 来进行开发过程持续的增量编译(飞快地!) webpack -d 来生成 SourceMaps 4. JavaScript 方言 Webpack 对应 Browsserify transform 和 RequireJS 插件的工具称为 loader. 下边是 Webpack 加载 CoffeeScript 和 Facebook JSX-ES6 的配置(你需要 npm install jsx-loader coffee-loader): /.json', '.config.js module.js': '.coffee$/;): [''.coffee$/: './main: /bundle.js'.js Webpack 比 Browserify 更强大, 你一般会用 webpack.coffee'] } }; 5. 样式表和图片 首先更新你的代码用 require() 加载静态资源(就像在 Node 里使用 require()): require(', ES6); var img = document.createElement(': /. 怎样启动 webpack 切换到有 webpack?harmony' loaders 可以接受 querystring 格式的参数 ] } }; 要开启后缀名的自动补全, 你需要设置 resolve: [ { test: /\file.coffee');./, \;) extensions.exports = { entry: './myapp.less' }, 以及其他一些模块系统; } ] }, resolve: { /.src = require('. 2, { test: /\, output, module: { loaders: [ { test
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
