频道本月排行
随机推荐文章
Copyright (C) 2006 - 2016 www.eorder.net.cn
All Rights Reserved在 .NET 中开发基于 Chrome 内核的浏览器－JS 调用 C#
在 .NET 中开发基于 Chrome 内核的浏览器－JS 调用 C#
本文以 JavaScript 中实现最小化 WinForm 窗体为例。/// &summary&
/// JavaScript 回调。
/// &/summary&
public class JsCallback
private Form ContainerForm { }
public JsCallback(Form containerForm)
ContainerForm = containerF
/// &summary&
/// JS 调用示例：jsCallback.minWin();。jsCallback 为注册对象名称。
/// &/summary&
public void minWin()
ContainerForm.WindowState = FormWindowState.M
BrowserSettings settings = new BrowserSettings();
WebView Browser = new WebView(targetUrl, settings);
Browser.RegisterJsObject("jsCallback", new JsCallback(this));再看看 JS 是如何调用 C# 代码的，其实非常简单。&div class="winMin" onclick="javascript:jsCallback.minWin();"&&/div&
在 .NET 中开发基于 Chrome 内核的浏览器－JS 调用 C#
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
作者简介：
vkvi，致力于 .NET Web 开发、移动开发的技术推广，在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验，10 年间共计撰写文章 4000 余篇。
主持金融、国土、农业、电商等多个行业项目执行，
推行“技术提升生产力、人心决定成功率”的管理理论。> C# 集成cefsharp实现javascript回调方法RegisterJsObject
C# 中集成cefsharp实现javascript回调方法介绍，主要用到方法。在构建完WebView webView = new WebView(url)后，即可调用方法来注册一个js对象，从而前端的javascript就可以访问这个对象，调用定义的方法。
//在C#中定义类CallbackObjectForJs
public class CallbackObjectForJs{
public void showMessage(string msg){
MessageBox.Show(msg);
//调用方法来注册一个js对象
WebView webView = new WebView("http://localhost:8080");
webView.RegisterJsObject("callbackObj", new CallbackObjectForJs());
前端页面javascript代码即可访问对象 callbackObj。
&script type="text/javascript"&
callbackObj.showMessage("message from js");
&/script &
注意：CallbackObjectForJs的showMessage方法首字母不能使大写，不然javascript回调的时候找不到对应的方法。原因未知
PS:cefsharp是一个用于C#的浏览器控件（Github上的开源项目），C#自带的控件在IE不同版本内核适配的问题上处理起来比较麻烦，如果网页是重度使用javascript，那你可以考虑基于cef的各种浏览器控件，执行效率飙升。cefsharp的github地址：
CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用协议进行授权 , 转载请注明！
or分享 (0)在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
标签：至少1个，最多5个
(注：以下为Yii2.0高级；注意代码中php标签自己补上)
一、资源包定义
Yii2对于CSS/JS 管理，使用AssetBundle资源包类。创建如下：backend/assets/AppAsset.php
namespace backend\
use yii\web\AssetB
* @author chan &&
* @since 2.0
class AppAsset extends AssetBundle
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/animate.css',
'css/style.min.css',
public $js = [
'js/jquery-2.1.1.js'
//依赖关系
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
//定义按需加载JS方法，注意加载顺序在最后
public static function addScript($view, $jsfile) {
$view-&registerJsFile($jsfile, [AppAsset::className(), 'depends' =& 'backend\assets\AppAsset']);
//定义按需加载css方法，注意加载顺序在最后
public static function addCss($view, $cssfile) {
$view-&registerCssFile($cssfile, [AppAsset::className(), 'depends' =& 'backend\assets\AppAsset']);
二、视图使用：
1. 视图（或布局）使用全局CSS/JS
use yii\helpers\H
use backend\assets\AppA
use backend\widgets\A
/* @var $this \yii\web\View */
/* @var $content string */
AppAsset::register($this);
查看源文件，看清CSS和JS的加载顺序
可以看出以此顺序为：依赖关系 -& 自定义全局CSS/JS如果，某个视图需要单独引入一个CSS/JS，并且，在页面中还要写些CSS/JS，该如何做？
2. 在页面中单独写样式
$cssString = ".gray-bg{color:}";
$this-&registerCss($cssString);
3. 在页面中单独写JS(使用数据块)
&div id="mybutton"&点我弹出OK&/div&
&?php $this-&beginBlock('test') ?&
$(function($) {
$('#mybutton').click(function() {
alert('OK');
&?php $this-&endBlock() ?&
&?php $this-&registerJs($this-&blocks['test'], \yii\web\View::POS_END); ?&
$this-&registerJs(
'$("document").ready(function(){
$("#login-form").validate({
errorElement : "small",
errorClass : "error",
"AgNav[nav_cn]": {
required: true,
messages:{
"AgNav[nav_cn]" : {
required : "此字段不能为空.",
4.视图中引入CSS/JS文件
然后再说下在视图中如何引入一个CSS/JS文件（不是定义在全局里的CSS或JS）分别有两种方法：
方法1在资源包管理器里面定义一个方法，然后在视图中注册即可(推荐使用这种)
如上面代码己定义：
//定义按需加载JS方法，注意加载顺序在最后
public static function addScript($view, $jsfile) {
$view-&registerJsFile($jsfile, [AppAsset::className(), 'depends' =& 'backend\assets\AppAsset']);
视图中使用如下
AppAsset::register($this);
//只在该视图中使用非全局的jui
AppAsset::addScript($this,'@web/js/jquery-ui.custom.min.js');
//AppAsset::addCss($this,'@web/css/font-awesome/css/font-awesome.min.css');
查看下源码，特别的注意下，加载的顺序，是我们想要的结果
此外注意：在上面的addScript方法中，如果没有 ’depends‘=&’xxx‘ ,此处加载的顺序将会颠倒。
方法2不需要在资源包管理器中定义方法，只要在视图页面直接引入即可
AppAsset::register($this);
//css定义一样
$this-&registerCssFile('@web/css/font-awesome.min.css',['depends'=&['backend\assets\AppAsset']]);
//$this-&registerCssFile('@web/css/index-css.css');
$this-&registerJsFile('@web/js/jquery-ui.custom.min.js',['depends'=&['backend\assets\AppAsset']]);
//$this-&registerJsFile('@web/js/jquery-2.1.1.js');
//如下position是让定义CSS/JS出现的位置
//$this-&registerJsFile('@web/js/jquery-ui.custom.min.js',['depends'=&['backend\assets\AppAsset'],'position'=&$this::POS_HEAD]);
8 收藏&&|&&44
你可能感兴趣的文章
3 收藏，1.1k
17 收藏，6.3k
1 收藏，757
本作品采用 署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可
这么玩， 能打包？
这么玩， 能打包？
补充: 在 modules 中, 可以先 Yii::$app-&assetManager-&publish('@path/to/resource')，然后再到视图中注册 $this-&registerJsFile( Yii::$app-&assetManager-&getPublishedUrl('@path/to/resource/some.js') )
补充: 在 modules 中, 可以先 `Yii::$app-&assetManager-&publish('@path/to/resource')`，然后再到视图中注册 `$this-&registerJsFile( Yii::$app-&assetManager-&getPublishedUrl('@path/to/resource/some.js') )`
如果视图和资源使用了主题theme,应该怎么设置
如果视图和资源使用了主题theme,应该怎么设置
分享到微博？
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。hotfix的作用众所周知，Android和iOS都有各自的技术，但是相比Android的当天发布来说（如果你们的项目不需要灰度），iOS热更新的意义更加重大。因为iOS审核周期长不说，而且运气不好会遇到各种被拒，即使申请快速审核，也必须满足二者之一：能够准确的告诉苹果复现crash的步骤，或者在特殊节日附近。 可能你费劲周折的提心吊胆和那么多天其实也就是在某个类中加三行代码。
1.简单介绍
在没有JSPatch之前，可能有人会使用过JSCocoa。但是有着一系列复杂问题，比如源码已经多年没有维护，代码规模巨大，不支持ARM64。如果想使用还需要升级libffi，并且尝试兼容ARM64，想编译通过都很困难。
JSPatch的出现基本解决了上述所有问题。在一个项目中接入JSPatch的成本很低，需要动点脑筋的可能就是如何合理的提交和下载。
关于JSPatch的原理作者的博客已经说的很清楚，本文不再说明，本文主要说的时一些接入操作相关。
如果你不是在董铂然博客园看到本文可。
2.仓库设置
js文件肯定不能随便往后台某个文件夹一放就让前端去下载了，虽然使用方便但是在App或者版本较多时容易混乱。建议专门搭建一个远端仓库，仓库里主要就是文件夹和js文件，当需要提交js文件时，从主干迁出一个分支，在合适的地方新建文件夹并添加js文件，然后给主干提Pull Request， 这应该是一个麻烦但是规范的流程。文件夹结构参考下图:
第三层文件夹里，可以用版本名称也可以使用build号。之后在发请求下载的时候应该是需要拼上项目appname，version等参数。
3.安全策略
安全相关工作如果没有做好，最惨的情况是人家可以通过js文件调用你的任何OC方法，我们肯定不能允许此类事情发生。一般在js文件提交到仓库以后后端应该对这一段js代码进行 md5或者更高手段的编码，并将这段编码与文件存在一起，上图中得meta.json里存的就是这一段编码。 之后在发请求的返回值的结构应该是大致如下：
isUpdate: true,
content: "require('MTPoiFeedbackM')
defineClass('MTFeedbackRankCell',{
setPoiFeedback:function(poiFeedback){
self.ORIGsetPoiFeedback(poiFeedback)
var temColor = require('UIColor').lightGrayColor();
self.detailLbl().setTextColor(temColor);
code: "9c944f39e57f2e50bdb85deb878cc0f798efb9b0"
就是首先有个字段告诉我们较上次下载的js文件是否有更新。如果为true再检测下方返回的code与内容编码后得到的code是否相同。当然这个内容也可以不直接返回而是返回一个下载的url也是完全可以的。
4.更新频率
我之前看到很多人把使用js和下载js的代码都放在了didFinishLaunchingWithOptions：这个方法。我觉得有所不妥，因为如果这个app用户一直放在手机的后台（比如微信），并且也没出现内存警告的话，这个方法应该一直不会调用。我建议的是：使用js文件的代码放在didFinishLaunchingWithOptions： 而下载js文件的代码放在applicationDidBecomeActive: 因为这个方法在程序启动和后台回到前台时都会调用。并且我建议设置一个间隔时间，根据一些数据和权衡之后我们采用的是间隔时间设为1小时。 也就是说每次来到这个方法时，先要检测是距离上次发请求的时间间隔是否超过1小时，超过则发请求，否则跳过。
5.接入流程
接入的方式很简单，作者也提供了Demo程序，大致就分为几步：
①在General 的 LinkFrameworks and Libraries里面 添加javascriptcore.framework
这个库里主要用于js与oc语言的桥接，比如一些数据类型间的相互转化。
②podfile添加&pod 'JSPatch' 并pod install
③在代码中添加使用js和下载js的代码
这里作者也给出了示例，使用和下载
[JPEngine startEngine];
NSString *sourcePath = [[NSBundle mainBundle] pathForResource:@"demo" ofType:@"js"];
NSString *script = [NSString stringWithContentsOfFile:sourcePath encoding:NSUTF8StringEncoding error:nil];
[JPEngine evaluateScript:script];
[NSURLConnection sendAsynchronousRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://cnbang.net/test.js"]] queue:[NSOperationQueue mainQueue] completionHandler:^(NSURLResponse *response, NSData *data, NSError *connectionError) {
NSString *script = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
[JPEngine evaluateScript:script];
但是如果你是企业级app，肯定不能直接使用这么朴素的方式，肯定至少也要封装一个manager之类的。我们公司的源码不会在这里贴出来，但是提供一个建立这个manager大概的思路：
6.JSPatch语法
这里是作者列出的语法总结：& 不用刻意去看，在写的过程中逐渐就熟悉了。
下面给出一段示例代码解决两个简单的bug。
①假设有一个按钮我们默认应该是让他不可点击的，但是之前忘了设置。
- (void)viewWillAppear:(BOOL)animated
[super viewWillAppear:animated];
self.confirm.enabled = NO;
defineClass('MTBRegisterPage',{
viewWillAppear: function(animated) {
self.super().viewWillAppear(animated);
self.confirm().setEnabled(NO);
②假设有一个列表页有特殊情况临时想叫我们由黑色改成灰色，并展示一个弹窗
- (void)setDealFeedback:(MTDealFeedbackM *)dealFeedback
// ------先调用原来的方法，旧代码保留
self.detailLbl.textColor = [UIColor lightGrayColor];
UIAlertView *temAlertView = [[UIAlertView alloc]initWithTitle:@"提示" message:@"已购物品用灰色展示" delegate:self cancelButtonTitle:@"OK" otherButtonTitles:nil, nil];
[temAlertView show];
require('MTPoiFeedbackM')
defineClass('MTFeedbackRankCell',{
setPoiFeedback:function(poiFeedback){
self.ORIGsetPoiFeedback(poiFeedback)
var temColor = require('UIColor').lightGrayColor();
self.detailLbl().setTextColor(temColor);
var temAlertView = require('UIAlertView').alloc().
initWithTitle_message_delegate_cancelButtonTitle_otherButtonTitles("提示","已购物品用灰色展示", self, "OK", null);
temAlertView.show()
诸如此类的代码，觉得在使用的过程中出现频率最高的bug，就是调用原方法然后加一个判断用来容错或return。
也许作者也觉得毕竟这个JSPatch语法 并不是一个正式的语种，大家不会投入太大的精力来仔细学习，所以作者本人也提供了一个简单粗暴的OC到JS直接转换地址：
这个地址亲测一些简单的写法是正确转换的，但是比较复杂的语法还是不能让机器直接搞定，还是需要人工修改的。作者也在不断完善这个工具。 这个转换器的实现原理：
7.更多思考
①.接入了JSPatch之后，iOS的线上BUG 看上去就不向以前那样&猛如虎&了，但是这仅仅是一个紧急预案措施，以前规范的流程还是需要遵守。
②.每一次本版本用JSPatch解决的线上Bug，下个版本必须用OC代码写入项目中，不能允许补丁代码的存留超过一个版本。
③.倡导使用敏捷开发的思想，类似于主逻辑或者是功能模块入口的方法可以抽的更细，这样即使需要修改，成本也不会太大，作者本人也提到，如果有一行代码必须要在一个大方法的中间进行修改，那我也没办法了，你只能把这整个方法都用js写一遍了，所以才设置了JSPatchConvertor。
④.每次用JSPatch解决掉的线上BUG 应当有一个专门的文档记录，遇到重复错误必须写casestudy。
暂时想到这些，希望本文能对准备接入JSPatch的开发人员有所帮助。
如果你不是在董铂然博客园看到本文可。&
阅读(...) 评论()}