精华内容
下载资源
问答
  • 跨终端开发

    2019-09-29 16:06:01
    var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1; //g var isIOS = !!u.match(/(i[^;... //ios终端 ...

    var u = navigator.userAgent,
    app = navigator.appVersion;
    var isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1; //g
    var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if (isAndroid) {
    window.localStorage.setItem(‘type’, ‘Android’);
    }
    if (isIOS) {
    window.localStorage.setItem(‘type’, ‘iOS’);
    }

    function setupWebViewJavascriptBridge(callback) {
    if (window.WebViewJavascriptBridge) {
    return callback(WebViewJavascriptBridge);
    }
    if (window.WVJBCallbacks) {
    return window.WVJBCallbacks.push(callback);
    }
    window.WVJBCallbacks = [callback];
    var WVJBIframe = document.createElement(‘iframe’);
    WVJBIframe.style.display = ‘none’;
    WVJBIframe.src = ‘https://bridge_loaded’;
    document.documentElement.appendChild(WVJBIframe);
    setTimeout(function() {
    document.documentElement.removeChild(WVJBIframe)
    }, 0)
    }

    展开全文
  • 什么是跨终端web开发

    千次阅读 2019-03-30 20:14:01
    一句话概括:其实Web原本并非跨终端,但应用场景多了,就变成了”跨终端“。 既然说是Web,我就把范围划定在互联网相关的技术栈内。 任何基于TCP/IP模型应用层协议的Web应用的请求方,都可视为“Web终端”,与此...

    一句话概括:其实Web原本并非跨终端,但应用场景多了,就变成了”跨终端“。

    既然说是Web,我就把范围划定在互联网相关的技术栈内。

    任何基于TCP/IP模型应用层协议的Web应用的请求方,都可视为“Web终端”,与此相对的就是Web Service。终端的核心价值是Web Service的表现形式与交互形式。

    来讨论终端,就暂且不说Web Service的事情了。
    所以这里就涉及硬件、软件和网络协议三个部分。

    硬件

    这个非常好理解,就是我们日常使用的各种智能设备,包括电脑、平板、智能手机等传统设备。但仅仅是这样还不够,电视盒子、智能手环、智能灯饰等智能家居都在“Web终端”的范围内。

    为什么这么说?

    传统设备自不必多说。新兴的物联网智能设备,我可以总结为:通过用户操作,使用传统的或较新的网络传输技术(包括WLAN、蓝牙、红外、RFID等),向对应的Web Service发出请求,等待请求应答,并根据应答内容向用户反馈信息。

    是不是有点物联网的意思?

    软件

    这是大家印象最深刻的部分,尤其是在移动设备带动响应式交互大行其道的今天。做Web开发的程序员,尤其是前端,需要同时考虑页面在多种浏览器和多种设备的兼容性,因此响应式布局确实是跨终端Web的一个体现。

    但我认为这还不够,因为对于互联网而言,Web的终端不只有浏览器,还有其他应用程序。最简单的,比如一个Web Service同时提供Web站点和iOS App两种服务,再比如魔兽世界网游,我的账号数据被同时提供给游戏客户端和Web版的英雄榜,这里面的区别就是软件终端的不同。

    网络协议

    让事情变得简单一点,先考虑TCP/IP模型中应用层的协议。考虑这些是因为,这些协议支撑起来的应用都遵循”客户-服务器“范式。

    这些协议的存在让同一个Web Service支持不同软件终端成为可能,比如HTTP协议支持浏览器直接访问服务,也支持App中调用API向服务端申请服务,比如DHCP协议支持给不同操作系统的PC、平板、智能手机、电视盒子、其他智能家居提供IP地址,SNMP协议的跨系统、跨设备的支持更不用说,等等。

    从应用层再深入思考,比如运输层、网络层的协议,是与硬件平台和传输信道紧密相关的。

    跨终端Web

    回到最开始,”跨终端Web“,我觉得这真的不是单一一门技术就能做完的事情。

    根据实际需求,终端分硬件和软件两个层次,每个层次包含多种类型,每种类型用到的技术又各不相同,所以”终端“的差异是不可避免、无法消除的。

    但我们开发者也是人,也想尽可能的省事,于是就有了跨终端的Web:

    以通信协议为基础,以Web服务的最终表现形式与交互形式为核心的,基于各类操作系统的软件技术集。

     

    展开全文
  • 跨终端、跨浏览器开发IE has another issue in regards to testing. A Windows machine will only ever have one version of IE installed at a time: if you’ve updated to Edge, you can’t keep a copy of IE9 ...

    跨终端、跨浏览器开发

    IE has another issue in regards to testing. A Windows machine will only ever have one version of IE installed at a time: if you’ve updated to Edge, you can’t keep a copy of IE9 on your system. By contrast, installing multiple versions of Firefox or Safari is a relatively straightforward process. (Not that doing so is usually necessary: the upgrade rate for non-IE browsers is fast, usually relieving you from the necessity of supporting more than several versions back.)

    IE在测试方面还有另一个问题。 Windows计算机一次只能安装一个版本的IE:如果您已更新到Edge,则无法在系统上保留IE9的副本。 相比之下,安装多个版本的Firefox或Safari是一个相对简单的过程。 (这样做通常不是必须的:非IE浏览器的升级速度很快,通常使您不必再支持多个版本。)

    The ideal solution is to have different versions of IE running on virtual machines within your operating system.

    理想的解决方案是在操作系统内的虚拟机上运行不同版本的IE

    An increasingly favoured solution is to use an online virtual environment, such as browsershots.org, browserstack or CrossBrowserTesting. Generally speaking these tools are easier to use than installing a suite of browsers on your own machine; they can also be used from any computer with an internet connection, and provide a wide coverage of different browsers and platforms. However, being internet services, rather than local programs, they are also somewhat slower in providing feedback. As a result, anticipating and fixing as many problems as you can in advance becomes important, rather than working on problems line-by-line and waiting for the online emulator to respond in order to check each one.

    越来越受欢迎的解决方案是使用在线虚拟环境,例如browsershots.orgbrowserstackCrossBrowserTesting 。 一般来说,这些工具比在自己的计算机上安装一套浏览器更容易使用。 它们也可以在任何具有互联网连接的计算机上使用,并提供各种浏览器和平台的广泛覆盖。 但是,作为互联网服务而不是本地程序,它们在提供反馈方面也较慢。 结果,尽可能多地预测和解决问题变得很重要,而不是逐行处理问题并等待在线仿真器进行响应以检查每个问题。

    翻译自: https://thenewcode.com/94/Cross-Browser-Development-Testing

    跨终端、跨浏览器开发

    展开全文
  • 跨终端Web方案

    千次阅读 2019-01-12 23:09:56
    现在的大流量终端一般包括:移动端web,pc端web,手机app,支付宝程序,...今天了解了一下市面上的跨终端web设计的方案,并大致总结了一下: 首先要说得是图片在不同的终端上的图片处理方式,方法是设置一个图片...

    现在的大流量终端一般包括:移动端web,pc端web,手机app,支付宝程序,微信小程序。

    其中必须适配的终端浏览器是IE,chrome,安卓内置浏览器,ios的safari浏览器,以及移动端用户很多的uc和qq浏览器

    要考虑的系统是安卓和ios,window

    今天了解了一下市面上的跨终端web设计的方案,并大致总结了一下:

    首先要说得是图片在不同的终端上的图片处理方式,方法是设置一个图片服务器,通过在请求头添加设备的信息,从而决定发送的图片的格式和大小。

    其次就是服务器接口的开发,通常是要开发统一的可复用的接口。而接口的数据格式应该由前端来制定,因为他跟用户离得最近。

    最后就是跨终端web适配方式:

    1)多模板形式:思路是针对不同的终端适配不同的web模板,用户体验性很好,但是开发工作量很大,代表是百度

    2)跳转形式:通过跳转的形式进入另一服务器,根据请求的数据信息进行适配,常用于小程序的开发,代表是淘宝

    3)响应式设计:统一提供多终端的兼容性设计方式,一套模板,一套方案,一套js类库,代表是bootstrap和rem设计方案。

     

     

    展开全文
  • web跨终端开发流程

    千次阅读 2016-05-13 15:15:34
    不同的终端用不同的域名展示 3.多模板 多模板是响应式和多站点的结合体,采用AutoResponsive(https://github.com/xudafeng/) 4.多平台   解决步骤 基准,给出了调试和测试过程中的基准,确定调试和测试的...
  • 我们的应用想要在用户能触达的平台和服务商中都能提供相应的产品服务,针对不同的端去编写多套代码,做各端的应用,产品运营和开发成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要,那有...
  • 前端开发核心知识进阶

    千次阅读 2019-07-02 03:04:28
    开篇词:如何突破前端开发技术瓶颈 日本后现代主义作家村上春树写过一本富有哲理的书——《当我谈跑步时我谈些什么》。 书中,他谈到,跑步跟写作一样:都需要坚毅隐忍,追逐超越;都需要心无杂念,持之以恒。全书...
  • 移动设备在全球范围内得到了空前的普及,在前端领域,Hybird Web、React Native、Weex、Flutter 等等一系列新的移动前端技术也如同雨后春笋般冒出来,今天来和大家分享一下我对「移动前端开发和 Web 前端开发」的...
  • 前端开发创新实践

    千次阅读 2018-04-12 10:44:17
    近年来,前端技术领域迅猛发展,各种新技术、框架、工具,层出不穷。业内众多优秀企业保持积极探索精神,对现有工具、技术进行了深入探索,甚至缘于研发工作需求进行了升级研发与深度定制。本期我们集合多位前端技术...
  • 近年来, Flutter、WebAssembly、Serverless 可谓是前端领域中的最大赢家,TypeScript 的逐步普及,对整个前端发展都有极大的推动作用。 Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多...
  • 为提高团队协作效率,规范文件管理,方便项目后期维护,提高代码质量,特制订此文档,前端开发人员必须遵照本规范进行前台页面开发。 一、目录规范 1. 页面存放目录 文件夹命名均首字母大写 |--@root |--Member //...
  • 软件开发的是一项系统的工程,就像盖房子一样其分工也是很明确的,比如写前端的,后端编程的,写底层的。。。等等。 那么,这里就有一些同学可能会听说过的一些名词了。前台、后台、前端、后端,到底什么是前台,...
  • Hippy的设计是面向传统Web开发者的,特别是之前有过ReactNative和Vue的开发者用起来会更为顺手,Hippy致力于让前端开发跨端App更加容易。 到目前为止,腾讯内已经有了18款流行App在使用Hippy框架,每日触达数亿用户...
  • 1. 元素水平居中与垂直居中 1.1 水平居中 如果它是一个行内元素,就对它的父元素应用:text-align: center 如果它是一个块级元素,就对它自身应用:margin: auto 1.2 垂直居中 基于绝对定位的解决方案(分元素宽...
  • 如今“鄙视链”体现在...前端开发认为:产品经理“嘴上功夫” 产品经理认为:我的产品已经很厉害了,还需要用力运营吗? 运营师认为:我拼尽全力拉来的用户,都被测试没发现的bug搞丢了,而且UI不够美观交互不够人性
  • 对于刚刚接触前端,并且以后想从事前端开发行业的小伙伴们,肯定都有过这样的疑问,如何才能成为一名合格的前端开发工程师呢? 相信这个问题是所有刚刚准备入行的小伙伴们都比较关心的。 如果大家在一些搜索引擎上...
  • 导语: 同学A:他现在是一名大学生,学了学校的编程课程,什么语言都学了一点,但是现在感觉自己什么都不会,他同学自学了一些,做了一两个小...3,2021开始学习前端开发有前途吗,晚吗? (1)有前途,而且不晚 (2
  • 移动端平台开发分析与比较

    千次阅读 2019-05-15 14:06:07
    移动端平台开发前言移动端开发开发方式平台开发技术 平台开发已经不是什么新鲜的词了,现在再来整理这些有点为时过晚了,不过还是想把自己这两年在投入在移动端平台开发上的一些经验和一些踩的头破血流的...
  • Flutter基础(一)移动开发跨平台技术的百家争鸣

    千次阅读 多人点赞 2019-04-23 12:04:35
    本来这一篇应该介绍如何搭建Flutter开发环境的,但我想在了解Flutter前,不妨了解一下平台技术的演进,这样更有助于学习Flutter,也能认清Flutter的优势和本质。这篇文章还有一个目的,就是希望大家是玩技术的人,...
  • 具备跨浏览器、跨终端前端开发经验; 了解至少一种Server端语言(NodeJS/PHP/Python/Java等) 具备扎实的计算机基础,对数据结构和算法设计有充分理解 腾讯 必须具备的: 计算机相关专业本科及以上学历; (如非...
  •  那么今天我就给大家介绍几个在web界比较优秀的web前端框架。 一、Foundation框架  Foundation框架总体来看要比Bootstrap略显高大上一点,但他们俩的设计理念都是非常清楚的,Bootstrap有引导的意思,它尝试处理你...
  • 利用周末我就浅浅地谈谈我对web前端开发的理解和体会,仅仅能浅浅谈谈,高手请自己主动跳过本篇文章。 毕竟我如今经验并非非常足,连project师都算不上,更不用说大牛了。今天也不谈技术。技术非常多人比我掌握得更...
  • 移动端平台开发方案解析

    千次阅读 2021-01-04 15:31:58
    自iOS和Android这两个的手机操作系统发布以来,在互联网界从此就多了一个新的名词:App意为运行在智能的移动终端设备第三方应用程序)。 Native App因为位于平台层上方,向下访问和兼容的能力会比较好一些,可以支持...
  • Web前端是互联网时代软件产品研发中不可缺少的一种专业研发角色。...从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是Web前端...就目前Web前端开发可能涉及的语言来讲,有PHP语言、JavaScript、Ruby、HTML...
  • 通过《前端开发初级成长计划 v1》,你将获得 HTML,CSS 和 JavaScript 的代码编写经验,学习如何通过 Git 命令来保存你的代码,以及使用 Node.js 为你的网站提供服务。
  • 根据一些老博客里面的内容,现在整理一下目前流行的平台移动App开发技术的特点,并将几个不同的开发平台框架进行比较说明,仅供大家参考。 每个开发框架几乎都包含以下特性: 使用 HTML5 + CSS + JavaScrip
  • 如果你正在使用 React.js 或 React Native 创建用户界面,可以试...React.js 是 Facebook 在 2011 年作为一个 JavaScript 库开发而成的,目的是满足平台、动态和高性能 UI 的需求;而 Facebook 在 2015 年发布的 Rea
  • NativeAPP:用原生的语言开发,如果需要能在多个平台上运行,则需要多种语言重复开发。(比如Android上面的开发,就是用Java开发) 优势:可以离线使用,调用本地API等文件 缺点:开发成本太大 HybridA
  • 今天小千就介绍一些好用的Web前端开发框架供大家选择: 一、 Foundation框架 Foundation框架比Bootstrap略显高大上一点,但他们俩的设计理念都非常清楚,Bootstrap有引导,尝试处理你项目中的一切所需。Foundation...
  • 底层的前端框架领域中,早先是jquery称霸互联网,近些年,MVVM类型的框架成为主流,Vue、React和Angular三大框架并驾齐驱。目前这四种是开发者使用较广的底层框架。 下面,播妞搜集了比较常用的web前端框架分享给...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,904
精华内容 6,761
关键字:

跨终端的前端开发