断点里面没有js文件怎么办

chrome浏览器调试js，结果Sources里面找不到js文件解决办法

页面出现问题,就debug,这是前端开发工程师最常见的做法,但是有时候,我们打开开发者工具,在sources查找js文件,却发现怎么也找不到,无法设置断点.但是文件在network选项卡里确实load过了. 第一种 alert 第二种 console.log 不会打断思路第三种在需要调试的地方加上debugger,如下所示: 重新加载页面的时候,确实能够进入断点的位置:

ASP.NET MVC bootstrap 3 ie 8兼容问题及错误解决（取消IE禁用IE脚本调试定位js文件错误）

因要做一个B/S架构的项目,使用MVC框架技术,本人不擅长页面设计美工,只好用bootstrap框架,在chrome内核系列的浏览器和IE 11中显示都没有问题,但是在 IE 8下显示却不正常,表格无法显示.找了很多资料.在页头加了<meta http-equiv="X-UA-Compatible" content="IE=edge">这句话,没表格的显示正常了,有表格的还是显示不正常,提示有错误,用开发者模式,但看到的js文件那么几行长长的,不好下断点

vscode断点调试工程化客户端文件

一.调试webpack配置文件 launch.json的配置如下,在webpack.dev.config.js文件中设置断点,开始调试. { "version": "0.2.0", "configurations": [ { "type": "node", "request": "attach", "name": "附加到端口"

vscode断点调试本地客户端文件

一.安装chrome,安装vscode,打开vscode编辑器,安装插件Debugger for Chrome 二.新建文件 1.目录结构 . ├── index.html ├── index.js 2.在vscodeDebug工程中,新建index.html <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"

webpack 打包出多个HTML文件，多个js文件，图片文件放置到指定文件夹中

一.webpack.config.js简单代码 const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { //mode 指打包模式 //development 指开发模式,代码未压缩 //production 指产品模式,代码压缩 mode: 'development', //development and production //entry 指明入口文件,webpack 会从这个文件开始连接所有的

LayaAir疑难杂症之四：laya引擎自动断点到bundle.js文件中且无报错，但程序不再执行

在一次断点调试中,突然程序不再按照博主指定的断点执行,莫名其妙端点到了bundle.js文件中的某一行中,这是不应该的,第一次时间反应就是引擎出了问题,但是总不能让博主卸载重装吧. 经过查找资料,询问laya开发者群,一位同学给出了可行的答案,并且该方法在后续开发中,遇到很多莫名其妙的引擎BUG时非常管用. 下面是操作步骤: 1.打开编辑器,鼠标移动到左上角的"文件" 2.从文件拓展栏中找到"刷新编辑器",此举为清除laya引擎编辑器的所有缓存. 3.即可.

coding++ ：在引入的css或者js文件后面加参数的作用

前沿: 有些小伙伴们在页面(F12)直接对 JS.CSS 文件进行编辑.或者打断点调试的时候可能会发现所有的操作都不生效,为什么? 原因可能存在以下情况有时候可能会遇到js或者css文件引用后传递参数:css和js带参数(形如.css?v=与.js?v=) <script type=”text/javascript” src=”jb51.js?version=1.2.6″></script> <link rel=’stylesheet’ href=’base.css?v

【JS代码压缩】使用YUI Compressor对js文件进行压缩处理

概述在使用html5开发Hybird APP的时候,可能会引入大量的js包,另外对于一些核心的js文件,进行一些特殊的处理, 如压缩和加密就显得很重要了,YUI Compressor就是这样一个用于压缩js.css的工具(捂脸:其实我用它对代码进行了压缩作为混淆处理的一种手段了),是采用Java开发的,因此运行的时候需要首先安装Java环境,安装完之后,运行和配置都是比较简单的. 安装及使用使用YUI Compressor之前必须先配置java环境,如何配置此处不说了. YUI Comp

小小改动帮你减少bundle.js文件体积（翻译）

我已经从事过好多年的SPA开发工作,我发现很多的程序猿都从来不往 bundle.js 文件的体积上动脑筋,这让我有点懵逼. “安心洗路,等俺把代码混淆压缩后就一切666了”,若是有人这么说,我会翻白眼. 其实当我们压缩 bundle.js 的时候,我们可能会凭空折腾出一个庞大的应用,导致其加载时间抑或在移动端的连接时间变慢.那么问题就来了——我们是否有办法给 bundle 显著地瘦瘦身? 其实一切都很简单——使用相对文件路径即可.我们来俩个示例看看它们的区别. 示例1 首先,我们使用ES6的解构

JQuery 加载 CSS、JS 文件

JS 方式加载 CSS.JS 文件: //加载 css 文件 function includeCss(filename) { var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.href = filename; link.rel = 'stylesheet'; link.type = 'text/css'; head.appendChild(lin

两个js文件之间函数互调问题

按照常理来说,在<body>标签结束之前以下面的方式引入两个js文件 <script src="a.js"></script> <script src="b.js"></script> 则两个js文件中的函数就可以互相调用,但是如果按照这样的方式引入后,在调用的时候一直提示该函数is not defined 放在同一个js文件中没有任何问题,分成两个就无法找到那可以尝试这样的函数定义 var fun =

延迟加载外部js文件，延迟加载图片（jquery.lazyload.js和echo,js）

js里一说到延迟加载,大都离不开两种情形,即外部Js文件的延迟加载,以及网页图片的延迟加载: 1.首先简单说一下js文件的3种延迟加载方式: (1)<script type="text/javascript" defer>,defer属性可以推迟对脚本的解释,直到文档已经显示给用户为止,但只有IE支持defer属性 (2)设置具体的延迟时间,对应的js代码如下: function loadScript(){ var myScript=document.createEleme

js文件中函数前加分号和感叹号是什么意思？

本文转自:http://blog.csdn.net/h_o_w_e/article/details/51388500 !function(){}(); !有什么用? 从语法上来开,JavaScript中分号表示语句结束,在开头加上,可能是为了压缩的时候和别的方法分割一下,表示一个新的语句开始.所以,如果在一个单独的JS文件中,开头的分号是没有任何意义的,可以删掉. 叹号是逻辑运算符,是"非"的意思,常见这种写法 if(!true){}:而将运算符加载函数定义的前面,则是将函数看做一

在thinkphp中js文件添加路径

JS文件不认识__URL__这些tp独特的链接,所以要自己重新定义url,才能使用这些路径. 在js对于的模板上定义url 然后在js文件中引用

Myeclipse不显示js文件错误的方法

最近在学后台,用Myeclipse ,那么问题来了,Myeclipse 总是喜欢报 js 文件的错误,这就很烦了,看着也不舒服. 查看资料后,解决方法如下: 项目[鼠标右键] -> MyEclipse -> manage validation -> Excluded resources -> 找到忽略错误的文件 -> 打上钩 -> apply 这个完全是防止自己下次再忘...

关于更新发布CSS和JS文件的缓存问题

现如今,浏览器大战下,各个浏览器也是拼了命的提高性能,升级JS解析引擎,更好的处理浏览器的页面缓存,让用户的浏览体验更快,占用更小的PC资源.那么,问题就出现在JS和CSS缓存,甚至页面缓存上.至于浏览器对页面的缓存,我们一般通过在服务端发送页面的时候设置页面的生存期,一般几个小时就能缓解很大的服务器压力,并且,对浏览者来讲,本地页面晚更新几个小时可能问题也不大.但,问题是,如果页面发生了更新,但是该页面链接的JS和CSS文件却被浏览器缓存下来,只有待浏览器重启后才能被删除,甚至有些浏览器重启后

#iOS问题记录#动态Html加载本地CSS和JS文件

所谓动态Html,指代码中组合生成的html字符串: 若需要加载本地CSS,图片,JS文件,则, 1,需要文件的全路径: 2,需要"file:///"标志: 例如: //获取文件全路径 NSString *imagePath = [[NSBundle mainBundle] pathForResource:@"M_head@2x" ofType:@"png"]; //代码加载图片 [_mStrHtmlUrl appendFormat:@"

使用T4模板合并js文件

不知道该怎么表达,或许直接贴图贴代码更好前因:在第一个使用angularjs的项目中我将所有的controller写到一个文件里面,深知维护起来那滋味,所以再次使用angularjs的时候,我便把所有的controlle.directive.factory给提取到相应的文件夹下面,以便于维护.此时js这么多表示很无奈. 当然,解决办法很多,搜索:angularjs 按需加载 site:cnblogs.com 会有很多介绍就不多说了. 下面说说我的解决方案如题,利用T4模板来合并;模板的写法因

gulp压缩css文件跟js文件

越到最后啊就越发现,真的很理解那句话就是自己多学一点一点知识,就少一句问别人的东西这是多么痛苦的领悟今天需要压缩css跟js文件然后不懂啊就问别人啊就问啊问啊然后再上网了解啊了解啊用gulp gulp是基于Node.js的前端构建工具恩确实是个好东西哦那进入正题前先说说gulp是个啥东西吧,其实一开始我也不是很懂百度呀网上说是自动化工具其实自动化工具说白了我也不是很懂我感觉我看很抽象的概念的时候加上自己没有那个具体的概念就很难弄懂有知道的小伙伴麻烦留言呀

如何使用grunt压缩js文件

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! 1. 前言各位web前端开发人员,如果你现在还不知道grunt或者听说过.但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点).至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt.还有一点,它完全免费,没有盗版.既强大又免费的东西,为何不用? 当然了,你如果你能找到更好的替代grunt的其他工具也是

巴特西