将JavaScript脚本绑定到各自的网页
Bind JavaScript scripts to their respective web pages
我正在开发一个大型web应用程序,该应用程序有大约10K行JavaScript代码(不考虑第三方库)。为了加快页面加载速度,已决定将每个脚本文件自动连接到一个大型脚本中,该脚本在首次访问应用程序时加载(并缓存)到客户端。这带来了一个问题,因为每个页面都有自己的脚本,其中包含(本质上)相同函数所需的所有JavaScript
现在,如果其中一个脚本中发生错误,那么很难判断错误是从哪里来的,因为所有内容都被滚动到添加到每个页面的同一脚本中,而不是像以前那样在每个页面中使用显式script
声明
有没有JavaScript模式可以解决这个问题?我正在考虑类似AngularJS模块的东西,它可以绑定到web应用程序页面中的某些容器
然而,我想要一个简单的、自定义的解决方案,因为我们时间紧迫,而且没有时间在应用程序中实现框架。它应该只将某些脚本(模块)应用于它们各自的页面,并且应该允许开发人员显式声明某些脚本所依赖的任何其他脚本(模块。
此外,实现一个异常处理系统来通知用户(例如,在Firebug控制台中)异常源自哪个模块(如果页面的模块依赖于其他模块)也很棒。有没有一种通用的方法来解决JavaScript中的此类问题(不依赖于框架)?
问题的一个可能解决方案是使用js源映射。许多concat/minify/uglify工具直接支持这一功能,而大多数现代浏览器都能够解释它们。
您仍然可以提供一个包含所有代码的JS文件(即使这很可能不是处理如此大量代码的最佳想法,这在很大程度上取决于您的整体架构)
但是您的浏览器开发工具现在可以向您显示错误/控制台输出等的原始文件名和行号。
您很可能不会在生产中提供源映射文件。
进入js源代码映射的一个好地方是这个wiki。
- 打开网页后立即获取网页的活动javascript函数
- Android键盘不适用于包含Javascript的网页
- 网页上失败的javascript会导致所有其他脚本失败
- 使用javascript替换网页上的文本
- 同一网页中有多个javascript标记
- 使用Javascript从整个网页中删除具有特定类的所有span标记
- 如何通过javascript或jquerycookie获取网页的刷新次数
- 如何使用httpwebrequest在c#中获得网页(使用ajax/javascript的php)的最终响应
- 网页javascript根本没有执行
- 如何复制谷歌Chrome网页javascript徽标效果
- Python Selenium,抓取网页JavaScript表
- java程序可以作为网页javascript和数据库之间的中介吗
- 是否有一种方法来检查如果谷歌浏览器安装(和默认浏览器)通过网页/ JavaScript不安装任何客户端
- 我如何用Javascript或jQuery重定向我的网页??Javascript重定向
- IPad 5x操作系统错误地提供网页JavaScript是否常见?
- 传递HTML表单post数据到不同的文件/网页javascript变量(php)
- 当我添加另一个函数时,网页Javascript停止工作
- 如何从网页Javascript调用c#方法
- Cocoa插件调用网页javascript
- 提取网页javascript中的字段值