Giter VIP home page Giter VIP 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
  • Editing Styles And The DOM

项目翻译目录

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

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

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

cn-chrome-devtools's People

Contributors

bryant1410 avatar changmm avatar dancerphil avatar destinyxie avatar gzhjs avatar kedup avatar nunnly avatar sunln avatar yujiangshui avatar zhiying678 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cn-chrome-devtools's Issues

看着不停增加的点星数,心有愧疚。招募志愿者共谋“大业”

偶然的机会发现了这个项目,想想自己刚入行前端时的迷茫,推己及人,一定有不少人需要这样的一份宝贵资料吧。于是毅然决定尽量每天抽时间翻译一部分,为的是造福众人。为了更好地与其他贡献者协作,我通过各种方式联系到项目负责人,加了QQ群。

后来翻了几天才发现,活跃的贡献者只有我一个。问负责人才知道,由于谷歌官方文档更新太快,大部分贡献者已经停止了贡献。再加上点星数量似乎也停止好久了(我以为可能需要的人不多),每天下班后已经比较累了如果没有人需要我何必这么费劲,因此渐渐放弃了这份“工作”。

后来发现,又有更多人关注这个项目了(star在增长),看来还是有不少人需要的。尽管正在翻译的已经不是官方最新版本,但差别其实并不大,鉴于chrome devTools的强大,这份翻译工作仍然具有很大的意义。毕竟我个人时间和精力是有限的,我还是很希望能有人跟我一起参与这份“工作”,尽快把它完成造福于需要它的人。

关于图片

我之前有翻译过style and dom,那些动态图片,我有自己录制了一些,可以用自己的素材吗?
官方的动画上面很多都是canvas,我截取的图片是gif

使用 Chrome 远程调试 Android 设备,ubuntu12.04问题?

看了你使用 Chrome 远程调试 Android 设备文章

本机ubuntu12.04 chrome本机版本 41.0.2272.76
测试设备 红米

下面是输出;
Devices

Discover USB devices
Port forwarding...
2014011

JRAEYHYTRGQSGEPN

Chrome (40.0.2214.109)
Open

百度一下
http://www.baidu.com/
inspectfocus tabreloadclose

Nudistfriends
http://www.nffnew.com/?dev#myProfile/whole
inspectfocus tabreloadclose

open,focustab,reload,close 一切正常,就是inspectfocus打开是空白.

难道是我设备问题??

readme.md里面高亮正在翻译的

能不能在readme.md里面高亮那些正在翻译中的文章,这样,想一起参与翻译的时候,不用担心跟其他人翻译重复了

Http status code icon

When we open the developer tool, we can see that there are some icons in front of the http status code in the network panel. For example, there are green solid circles and gray hollow circles in front of 200.
I am wondering why there are multiple icons for the same status code. What do they mean?
I am sorry to ask you for help here, I really need help. Thank you

good job

感谢呵,希望可以保持更新

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.