web-app成长中
596785154
这个作者很懒,什么都没留下…
展开
-
HTML <!--...--> 注释 、CSS/JS //注释 和 /*.....*/ 注释
文章出处:http://www.cnblogs.com/iceflorence/p/5815409.html<!-- -->是HTML的注释标签,使用 < 和 > 是符合HTML标签语法规则的。/* */是CSS的注释标签/* */(注释代码块)、//(注释单行)是JS的注释标签。两种注释有各自的使用环境,并且不能相互替代。举例如下:1、<!--注释内容-->2、//注释内容 (在css或ja转载 2017-09-26 17:17:22 · 1171 阅读 · 0 评论 -
WebViews管理者
原始文章:https://developer.android.com/guide/webapps/managing-webview.htmlAndroid提供了一些api来帮助您管理在应用程序中显示web内容的WebView对象。这个页面描述了如何使用这些api更有效地使用WebView对象,提高应用程序的稳定性和安全性版本API从Android 7.0(API level 24)开始,用户可以在多翻译 2017-09-30 16:25:38 · 1633 阅读 · 0 评论 -
调试Web应用程序
原始文章:https://developer.android.com/guide/webapps/debugging.html如果您使用运行Android 4.4或更高版本的设备测试网络应用程序,则可以使用Chrome开发人员工具在WebView中远程调试网页,同时继续支持旧版Android。 有关详细信息,请参阅Android上的远程调试如果您没有运行Android 4.4或更高版本的设备,则可以翻译 2017-10-01 17:32:10 · 515 阅读 · 0 评论 -
Web应用程序的最佳实践
原始文章:https://developer.android.com/guide/webapps/best-practices.html与开发典型桌面网络浏览器的网页相比,为移动设备开发网页和Web应用程序提出了一系列不同的挑战。 为了帮助您开始使用,以下是您应遵循的实践列表,以便为Android和其他移动设备提供最有效的网络应用程序。1.将移动设备重定向到您的网站的专用移动版本有几种方法可以将请求翻译 2017-10-03 13:46:01 · 431 阅读 · 0 评论 -
完美的WebView UI
原始文章:https://developer.chrome.com/multidevice/webview/pixelperfect您可以使用许多选项来创建完美的UI,本文将概述一般移动网络的一些最佳做法,然后介绍可用于混合应用程序的一些具体技巧。Viewportviewport meta标签是最重要的标记你需要添加到您的web应用程序。没有它,WebView可能认为你的网站是专为桌面浏览器。这将导翻译 2017-10-03 16:51:45 · 1420 阅读 · 0 评论 -
Android 4.4以上的新版本WebView
原始文章:https://developer.android.com/guide/webapps/migrating.htmlAndroid 4.4(API level 19)引入了基于Chromium的WebView的新版本。这一更改升级了对HTML5、CSS3和JavaScript的WebView性能和标准支持以匹配最新的web浏览器。使用WebView的任何应用程序在运行Android 4.4翻译 2017-10-01 15:02:05 · 5297 阅读 · 0 评论 -
让Web应用支持不同屏幕
原始文章:https://developer.android.com/guide/webapps/targeting.html由于Android适用于各种屏幕尺寸和像素密度的设备,所以您应该在web设计中考虑这些因素,以便您的web页面总是以适当的大小出现。当针对Android设备的web页面时,有两个主要因素需要考虑:The viewportviewport是为您的web页面提供可绘制区域的矩形区翻译 2017-09-30 15:56:50 · 394 阅读 · 0 评论 -
用于可变像素密度的高dpi图像
原始文章:High DPI Images for Variable Pixel Densities介绍当今复杂设备的一个特点是屏幕像素密度非常大。有些设备的分辨率很高,而有些设备则落后。应用程序开发人员需要支持一系列像素密度,这很有挑战性。在移动互联网上,挑战因以下几个因素而加剧:各种各样的具有不同形状因素的装置。约束网络带宽和电池寿命。在图像方面,Web应用程序开发人员的目标是尽可能高效地提翻译 2017-10-14 17:36:40 · 745 阅读 · 0 评论 -
Android拦截html链接事件
文章出处:http://blog.csdn.net/lengguoxing/article/details/42144431在一个大的Android项目中,由于客户端来不及更新和实现,经常会内嵌一些网页(在一些大型的互联网公司,PC的产品总是跑在客户端的前面),比如活动页面,通常可以内嵌用html5实现的页面,可以适配手机。但是这些网页中有好多链接,但是这些链接有些内容有是我们客户端已经实现的,比如原创 2017-09-30 11:24:41 · 2116 阅读 · 0 评论 -
用WebView构建Web应用程序
原始文章:https://developer.android.com/guide/webapps/webview.html#HandlingNavigation如果您希望将web应用程序(或者只是一个web页面)作为客户机应用程序的一部分,您可以使用WebView来实现。WebView类是Android视图类的一个扩展,它允许您将web页面显示为活动布局的一部分。它不包括完全开发的web浏览器的任何翻译 2017-09-30 13:49:57 · 478 阅读 · 0 评论 -
Web应用程序
原始文章:https://developer.android.com/guide/webapps/index.html基本上有两种方法可以在Android上发布应用程序:作为客户端应用程序(使用Android SDK开发,并在APK中安装在用户设备上)或作为web应用程序(使用web标准开发并通过web浏览器进行访问),而无需在用户设备上安装。如果你选择为android系统提供一个基于web的应用程翻译 2017-09-30 15:17:51 · 367 阅读 · 0 评论 -
WebView中响应JavaScript事件
注:要在Manifest.xml注册访问网络权限<!-- 访问网络权限 --><uses-permission android:name="android.permission.INTERNET" />1,建立assets文件夹 注: 原来我们在使用Eclipse时,assets文件夹会在res/下面,可是在android studio中你在res/下面建立完之后,根本就不认。android原创 2017-09-20 17:01:49 · 852 阅读 · 0 评论 -
webView中JavaScript调用Android方法
1,建立assets文件夹 注: 原来我们在使用Eclipse时,assets文件夹会在res/下面,可是在android studio中你在res/下面建立完之后,根本就不认。android studio把assets文件夹放到了和java,res文件夹同级的地方2,在activity_search.xml布局文件中建立WebView用于显示html文件<?xml version="1.0"原创 2017-09-20 15:23:18 · 334 阅读 · 0 评论 -
WebView加载assets文件夹下的html
1,建立assets文件夹 注: 原来我们在使用Eclipse时,assets文件夹会在res/下面,可是在android studio中你在res/下面建立完之后,根本就不认。android studio把assets文件夹放到了和java,res文件夹同级的地方2,在assets文件夹下建立一个demo1.html文件<html> <head> <title>我是一个网原创 2017-09-20 14:09:41 · 1807 阅读 · 1 评论 -
js 动态创建div并向其中添加元素
CSS样式文件search_history.cssdiv{ width:95%; height:40px; vertical-align: middle; line-height:36px;/**设置行高和控件高一样,这是内部文字才能垂直居中*/ overflow:hidden;/**为了防止内容超出容器或者产生自动换行,这样就达不到垂直居中效果了*/原创 2017-09-21 18:14:15 · 8241 阅读 · 0 评论 -
js动态添加的div点击跳转到另一页面
div调用函数跳转:var obj = document.getElementById('id');obj.onclick=function(){ window.location.href="跳转的地址"; }源文件:<!DOCTYPE html><html><head> <title>首页推荐页面</title> <meta name="原创 2017-09-30 11:41:37 · 3369 阅读 · 0 评论 -
Android4.4以下版本webview 不支持css3 flex布局
可以使用display:-webkit-box布局来替代flex布局文章来自:http://www.cnblogs.com/frankwong/p/4603141.html一,-webkit-box属性讲解box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得转载 2017-09-22 13:37:47 · 6303 阅读 · 0 评论 -
CSS中常用的字体单位
1、pxpx单位名称为像素,像素是固定大小的单元,用于屏幕媒体(即在电脑屏幕上读取)。一个像素等于电脑屏幕上的一个点 (是你屏幕分辨率的最小分割)。许多网页设计师在web文档使用像素单位以生产浏览器渲染的像素完美呈现的网站。像素单元的一个问题是,它没有为视障读者的扩展,以适应移动设备。2,ptPT是point(磅)缩写,是一种固定长度的度量单位,大小为1/72英寸。如果在web上使用pt做单位的文字原创 2017-09-22 14:32:36 · 1978 阅读 · 0 评论 -
Android WebView加载后有白边框的问题
文章参考:http://blog.csdn.net/ruyi366/article/details/52300978在body上添加样式style=”margin: 0; padding: 0” <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D转载 2017-09-22 15:03:10 · 2797 阅读 · 1 评论 -
WebApp打开服务器端pdf文件
PDF.js是为html5实现的在线预览pdf框架,所以你的浏览器要支持html5才能使用这个框架。pdf.js使用步骤一. 到官网下载 pdf.js 插件并解压 (地址: http://mozilla.github.io/pdf.js/ )1: 进入官网2 : 选择稳定版 下载3: 下载至本地4 : 解压5:将解压后的文件夹重命名为generic拷贝到tomcat的web...转载 2018-11-29 16:17:03 · 1463 阅读 · 0 评论