Giter Club home page Giter Club logo

cn-chrome-devtools's Introduction

Chrome 开发者工具中文手册

Chrome DevTools 是公认的优秀的前端调试工具,由于功能强大,所以使用起来有一定的学习门槛,与此同时 Chrome DevTools 暂时没有中文手册,对于不太熟悉英文的同学会比较吃力。

本项目的初衷是为想使用或者正在使用 Chrome DevTools 的同学提供一个中文手册,方便大家学习使用这个优秀的工具,提高前端开发效率和质量!

翻译流程

###第一阶段

先将 Chrome DevTools 的内容按现有的目录结构翻译成中文,其中:

  • 文章正文内容均放在 md 目录下,采用 md 格式。
  • 文章中所用到的图片资源暂时先用现有英文手册的原始链接,后续图片资源会统一托管到七牛云存储

####文件命名规则

文件名为 Chrome DevTools 对应文章超链接中 /docs/ 后的部分。所有的空格和 &- 代替。

例如:https://developers.google.com/chrome-developer-tools/docs/authoring-development-workflow 这篇文档,对应 authoring-development-workflow.md 这个文件。

对于下级子页面文档,将其放在以父级文档名称命名的文件夹下面。

例如:https://developers.google.com/chrome-developer-tools/docs/css-preprocessors 属于 https://developers.google.com/chrome-developer-tools/docs/dom-and-styles 那么将放置在 dom-and-styles/css-preprocessors.md

###第二阶段

根据翻译文档,制作成类似在线手册或者与官方文档类似的网站,方便大家参阅。

参与项目

欢迎你参与翻译本项目,在翻译的过程中,可以锻炼你的英语能力和 Chrome DevTools 的实际应用能力,同时还为他人提供方便,何乐而不为?

一个个 commit 堆积起来就是一个了不起的 repo,欢迎你 Fork 并提交 Pull Request 或者 Issue ,哪怕是改正一个错别字、修正一个病句,我们都会很高兴。

参与方法和步骤如下:

  • 登录 https://github.com

  • Fork [email protected]:CN-Chrome-DevTools/CN-Chrome-DevTools.git

  • 创建您的特性分支 (git checkout -b new-feature)

  • 提交您的改动 (git commit -m 'Added some features or fixed a bug or change a text')

  • 将您的改动记录提交到远程 git 仓库 (git push origin new-feature)

  • 然后到 github 网站的该 git 远程仓库的 new-feature 分支下发起 Pull Request

如果你有任何疑问或者建议、技巧,欢迎加入 Chrome DevTools QQ 讨论群:365161310

正在翻译文章

  • JavaScript Memory Profiling
  • Keyboard Shortcuts
  • Authoring and Development Workflow
  • Mobile Emulation

项目翻译目录

(翻译完成的,请使用删除线将对应划去)

贡献者(按参与时间排序)

(Fork 之后自行添加到最后)

cn-chrome-devtools's People

Contributors

destinyxie avatar sunln avatar yujiangshui avatar zhiying678 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.