谷歌开发者 代码调试同步本地文件功能

首先F12打开开发者工具

选择Sources

在左边的文件夹内  鼠标移动到你的html文件右键点击  选择  Add  folder to workspace

就会弹出选择框,这时候选择自己的文件夹,选择后.浏览器顶部会弹出是否允许等等.点击允许

然后左侧就会多出本地的本件.打开文件夹.选择html文件右键  Map to network resource .

最后空格允许   就可以了   就可以再浏览器中   改改改  就可以同步到本地文件了.

时间: 2024-10-05 07:05:01

谷歌开发者 代码调试同步本地文件功能的相关文章

atom通过remote ftp同步本地文件到远程主机的方法

视频教程:https://ninghao.net/video/3991 搜索 "remote ftp", 点击 "Package"搜索包,Install"安装 本地打开需要同步的项目目录 创建 remote-ftp 的配置文件,Packages -> Remote-ftp -> creadte SFTP config file 修改配置文件,将host,账号密码替换,sftp默认配置 { "protocol": "

git 同步 本地文件

1.(先进入项目文件夹)通过命令 git init 把这个目录变成git可以管理的仓库 git init 2.把文件添加到版本库中 git add -A 3.用命令 git commit告诉Git git commit -m 'first' 4.关联到远程库 git remote add origin 你的远程库地址 git remote add origin 'https://git.oschina.net/s/vue.git' 5.获取远程库与本地同步合并 git pull origin m

php调接口批量同步本地文件到cos或者oss

代码: <?php namespace Main\Controller; use Common\Library\Vendor\ElasticSearch; use Common\Library\Vendor\Page; use General\Classes\QcloudApi; use General\Classes\AcloudApi; use General\Constant\AppDownloadStatus; use Role\Constant\RoleInfo; function r

rsync同步本地和服务器之间的文件

同步本地文件到服务器 rsync -zvrtopg --progress --delete test -e 'ssh -p 6665' [email protected]:/media/sdb/user/yueyao/ 同步服务器到本地 rsync -zvrtopg --progress -e 'ssh -p 6665' [email protected]:/media/sdb/user/yueyao/bin . 当第一次同步之后,后面再有新的文件添加时使用 rsync -azvrtopg --

浅谈本地文件包含利用

今天在公众号看到了一个本地文件包含的利用工具,看了下国外大牛对该工具的使用的一个视频,感觉很厉害,通过该工具可对存在本地文件包含漏洞的站点进行利用并返回一个LFI shell,通过返回的LFI shell再次获取一个反向连接,从而可执行相关命令,以前对本地文件包含的利用大多都停留在读取文件,如果有远程文件包含的话就可以getshell.这篇文章主要是对本地文件包含的一个简单介绍及利用,主要是对工具的使用,也主要是记录下该过程,方便以后查看,然后再抽时间研究下大神源代码!大神请绕道而行!: ) 0

javascript利用Active操作本地文件

目的:实现静态文本读取本地文件功能 Javascript脚本如下 var fso, f1, ts, s;var ForReading=1;fso=new ActiveXObject("Scripting.FileSystemObject");f1=fso.CreateTextFile("d:\\estfile.txt",true);f1.WriteLine("Hello World!");f1.WriteBlankLines(1);f1.Clos

不得不说的谷歌开发者模式:谷歌调试模式调试js代码总结

谷歌浏览器对开发者来说是一个很好的工具,确实能给开发者提供很多的方便,这是工作一年多以来,一个感触.谷歌浏览器可以在前端跟踪值传递,就像我们使用myeclipse进行debug一样,谷歌浏览器提供了强大的功能,使得开发者可以在前端跟踪值传递. 只要安装了谷歌浏览器,我们就可以使用谷歌开发者模式进行代码的调试,按F12进入开发者模式. 1,首先我们来说一下谷歌浏览器的控制台console 进入谷歌开发者模式以后,我们点击console进入控制台,在这里,我们可以很方便的进行js代码的调试.通常情况

Web开发者的六个代码调试平台

代码调试平台是Web开发者进行开发.测试.分享.协作和交流的网络应用,它们支持实时的编辑.预览HTML.CSS和JavaScript的客户端代码.这些代码调试平台最值得称道的地方在于,它们中的大多数都是免费的,你可以很容易的以学习或者调试程序为目的与他人分享你的工作. 就个人而言,这些web应用程序在日常工作中给我带来了不小的帮助.每当在使用JavaScript或者CSS编程碰到瓶颈的时候,我可以在代码调试平台上分享自己的代码并邀请其他的开发者朋友来解决.这种模式的有趣性和互动性对于新手的学习有

chrome中workspace配置达到同步修改本地文件的作用

在前端开发中,我们经常需要在浏览器中进行调试,特别是一些样式的修改,如果你还是先在浏览器elements中调试好在复制到本地文件,那就真的out了. chrome浏览器的workspace功能完全可以帮你实现同步修改,但需要一些设置.好了,废话不多说,先看下面的例子: 1.在chrome中打开本地html文件,F12,打开调试器 2.在右上角的选择菜单中选择setting 3.在左侧菜单栏中选择workspace,并点击add folder添加项目目录所在文件夹 4.点击add,添加mappin