浏览js代码的app（html的js代码）

本文目录一览：

1、android 有什么工具查看手机上的js代码布局
2、运行一个代码所需要的软件？
3、哪些JavaScript IDE最好用
4、如何在手机上查看html、css、js、PHP文件代码？
5、北大青鸟java培训：JavaScript代码测试必备的12款工具？
6、在WEB中如何用JS打开APP

android 有什么工具查看手机上的js代码布局

简单来说就是运行在移动端浏览器上的网站。不管应用在什么地方，总之就是浏览器呗，可以通过JS来判断本地是否有某应用，实现方式实际就是将http协议转为本地软件协议。

如下：

script language=”javascript”

if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {

var loadDateTime = new Date();

window.setTimeout(function() {

var timeOutDateTime = new Date();

if (timeOutDateTime – loadDateTime 5000) {

window.location = “要跳转的页面URL”;

} else {

window.close();

}

25);

window.location = ” apps custom url schemes “;

} else if (navigator.userAgent.match(/android/i)) {

var state = null;

try {

state = window.open(“apps custom url schemes “, ‘_blank’);

} catch(e) {}

if (state) {

window.close();

} else {

window.location = “要跳转的页面URL”;

}

/script

apps custom url schemes 是什么呢？

其实就是你与APP约定的一个协议URL，你的IOS同事或Android同事在写程序的时候会设置一个URL Scheme，

例如设置：

URL Scheme ：app

然后其他的程序就可以通过URLString ＝ app:// 调用该应用。

还可以传参数，如：

app://reaction/?uid=1

原理：500ms内，本机有应用程序能解析这个协议并打开程序，调用该应用；如果本机没有应用程序能解析该协议或者500ms内没有打开这个程序，则执行setTimeout里面的function，就是跳转到你想跳转的页面。

运行一个代码所需要的软件？

具体需要看是什么类型的代码语言，大部分需要下载

代码分好多种类的

python、Java、等那些需要代码

那种HTML类型的代码不需要下载，记事本写好该文件名后缀就能用浏览器运行

哪些JavaScript IDE最好用

WebStorm

优点：

1. 关键字提示

使用WebStorm开发时，它会自动提示JS变量，关键字，方法，函数或参数名，可帮助你快速输入，避免一些低级的输入错误。

2. 支持代码重构

做开发最头疼的就是维护结构混乱的代码，为了保证你的代码后期维护简单快捷，开发过程中就必须确保代码整洁，WebStorm 则会帮助你自动重构代码，如移动文件，内联变量提取等。

3. 集成Node.js

WebStorm 集成Node.js ,可以运行，编译，测试Node.js App。

4. 集成代码质量工具

集成了JSHint,JSLint，JSCS 等。

5. 保存本地历史记录

本地历史记录可以帮助你跟踪代码，获取修改的代码。

缺点：商用付费，偶尔性能较差，后台会创建.idea 文件，一个窗口中无法打开多个项目，非原生文件系统经常会出现很多问题

Atom

优点：

内置包管理功能

Atom内置包管理功能，是Atom最重要的功能特征

开源免费

Atom 在GitHub上是开源的，并且是免费的

内嵌Git 控件，Web技术

内嵌Web 技术如JS，HTML及CSS

缺点：效率低

Sublime Text

优点：快

Sublime Text 最显著的特点就是启动和使用的过程中一个感觉就是快

多行选择和编辑

多个光标和列选择支持同时选择多行编辑。非常酷炫的功能

支持多个操作系统

支持Windows,Linux,OSX.

插件种类非常丰富

低内存消耗

缺点：

没有调试器

缺少代码重构等功能

严格来讲Sublime Text 是文本编辑器，不能称之为IDE

Vim

有很多插件支持，有望成为成熟功能全面的IDE。

优点：功能非常强大，免费快并且轻量级；跨平台，稳定

缺点：上手难，界面风格老旧，70年代的风格，并不适合所有人

Visual Studio Code

VSCode 主要集中开发，重定义功能，内置Debug 和云应用。Code 是免费的且可用于多个平台如Linux,Mac OSX,以及Windows，内嵌Git控件。

缺点：加载时间慢

Brackets

Brackets 是开源的代码编辑器，前端工程师和Web设计人员比较适用，支持多平台，且不需要区分前后端。界面非常整洁，清新。启动非常快。项目之间切换也非常方便。

缺点：效率低，同一时间只能打开一个文件。功能不全，缺少静态内核分析功能，也缺少一些元素级别的文本编辑命令。

Codenvy

开发人员使用Codenvy可以修改，运行，编译云端代码。

能够提供自定义运行时环境，调试代码；能够将工作进度共享，且安装非常便捷。

Microsoft’s Visual Studio

JavaScript Intellisense 的引入让VS提供非常有用的脚本提示和自动完成输入功能。界面友好清洁。

缺点只能用于Windows 平台

支持 JavaScript 的工具

1.SpreadJS 是一款企业级 JavaScript 电子表格控件，能将电子表格、数据可视化及计算功能集成在 JavaScript Web 应用程序中，创建计算器、动态交互式仪表盘和样式丰富的报表，可以流畅操作海量数据。

2.Wijmo Enterprise 是为企业应用程序开发而推出的一系列包含HTML5 和JavaScript 的开发控件集。无论应用程序是移动端、PC端、还是必须要支持IE6，Wijmo Enterprise 均能满足需求。

如何在手机上查看html、css、js、PHP文件代码？

手机上有html开发编辑器，以前我用过来玩html+css+js是可以的，PHP应该也没问题

北大青鸟java培训：JavaScript代码测试必备的12款工具？

1、JasmineJasmine是一个行为驱动的测试开发框架，用于对JavaScript代码进行测试。

它不依赖其它任何JavaScript框架，也不需要DOM。

它的语法简洁、明确，写测试非常容易。

2、MochaMocha是一个功能丰富的JavaScript测试框架，既运行于Node.js环境中，也可以运行于浏览器环境中。

Mocha以串行方式运行测试，能做出灵活而准确的报告，也能将测试中未捕捉的异常映射到正确的测试用例。

3、ChaiChai是个支持BDD/TDD的库，可用于node和浏览器，可配合任何JavaScript测试框架使用。

4、QUnitQUnit是个功能强大又易于使用的JavaScript单元测试框架。

jQuery、jQueryUI和jQueyMobile项目都使用这个框架，它能测试普通的JavaScript代码。

5、SinonSinon.JS为JavaScript提供了独立的spies、stubs和mocks[译者注：Spy、Stub和Mock都是测试专用名词，Stub常被翻译为桩，spies是Spy的复数形式，是一种可以监视方法、调用和参数的技术]。

它不依赖任何东西，可以配合任何单元测试框架工作。

6、KarmaKarma是针对连通浏览器的一个框架无关测试运行器。

每一个测试结果对应每个浏览器，它的测试和显示都是通过命令行暴露给开发者的，这样他们就可以看到浏览器测试的通过或失败。

7、SeleniumSelenium有一个简单的目标：就是自动化浏览器。

它主要用于自动化测试web应用程序，但是只是很简单地考虑到了基于网络的管理任务。

8、WebdriverIOWebdriverIO允许用户仅添加几行代码就可以控制浏览器或移动应用程序，使测试代码更简单、简洁、易读。

集成的TestRunner同样允许你以同步的方式调用异步命令，这样你不需要关心如何处理Promise以避免竞态条件。

此外，它取消了所有的繁琐的设置工作，并且会为您管理的Selenium会话。

9、NightwatchNightwatch.js是一个易于使用的Node.js，它是为基于浏览器的app和网站设计的终端到终端（E2E）的测试方法。

它使用强大的W3CWebDriverAPI，用于在DOM元素上执行命令和断言。

10、PhantomCSSPhantomCSS获得CasperJS捕获的屏幕截图，并使用Resemble.js将其与基准图进行对比，以测试RGB像素差异。

java课程发现PhantomCSS然后生成图像差异对比，用于帮助您找到原因。

11、PhantomFlowPhantomFlow使用决策树提供UI测试方案。

针对PhantomJS,CasperJS和PhantomCSS的NodeJS包装器——PhantomFlow能够流畅地在代码中描述用户流程，同时生成用于可视化的结构化树数据。

在WEB中如何用JS打开APP

先看一下Web中，我们给h1标签添加一个onclick事件，让它在被点击之后，修改当前的url。

Web中的HTML代码：

html

head

script

function getInfo(name)

{

window.location = “/getInfo/”+name;

}

/script

/head

body

h1 onclick=”getInfo(‘why’)”Name/h1

/body

/html

iOS中，先拖拽WebView，访问localhost，然后通过WebView的委托事件监听url跳转操作，并且把跳转截取下来。

也就是说，在onclick的时候，普通浏览器灰跳转到那个url，但是在iOS的这个WebView里面，这个跳转会被拦截，

用这种方式可以巧妙地实现JS调用iOS的原生代码：

// DWViewController.m

// DareWayApp

// Created by why on 14-6-3.

#import “DWViewController.h”

@interface DWViewController ()

@property (weak, nonatomic) IBOutlet UIWebView *myWebview; // 主页面

@end

@implementation DWViewController

– (void)viewDidLoad

{

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

// 适配iOS6的状态栏

if ([[[UIDevice currentDevice] systemVersion] floatValue] = 7) {

_myWebview.frame = CGRectMake(0,20,self.view.frame.size.width,self.view.frame.size.height-20);

}

// 加载制定的URL

NSURL *url =[NSURL URLWithString:@””];

NSURLRequest *request =[NSURLRequest requestWithURL:url];

[_myWebview setDelegate:self];

[_myWebview loadRequest:request];

}

// 网页中的每一个请求都会被触发

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

{

// 每次跳转时候判断URL

if([request.mainDocumentURL.relativePath isEqualToString:@”/getInfo/why”])

{

NSLog(@”why”);

return NO;

}

return YES;

}

– (void)didReceiveMemoryWarning

{

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/189037.html