在ionic应用中打开外部网站(使用InAppBrowser插件)

news/2024/5/12 0:50:52/文章来源:https://blog.csdn.net/weixin_33795093/article/details/92507202

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

在安卓上试了一下,如果直接window.open(url), 在app中点击外部链接没有任何反应。

安装https://github.com/apache/cordova-plugin-inappbrowser
执行命令:
ionic plugin add cordova-plugin-inappbrowser

简而言之,就是用window.cordova.InAppBrowser.open替换window.open

步骤:

1. 在应用程序启动的时候判断window.cordova是否存在如果是重写window.open方法

2. 用ng-click="openLink(story.url)" 替换先前的href

3. 在$scope中定义openLink方法。

4.  连上手机, 运行ionic run android测试 

文件一: www/index.html

<div class="list"><a ng-click="openLink(story.url)" class="item item-thumbnail-left item-text-wrap"ng-repeat="story in stories track by story.id"><img ng-src="{{story.thumbnail}}" ng-if="story.thumbnail.startsWith('http')"/><h2>{{story.title}}</h2><p><span am-time-ago="story.created_utc" am-preprocess="unix"></span> - {{story.domain}}</p></a></div>



文件二: www/js/app.js

(function () {var app = angular.module('myreddit', ['ionic', 'angularMoment']);app.controller('RedditCtrl', function ($http, $scope) {$scope.stories = [];function loadStories(params, callback) { 。。。}$scope.loadOlderStories = function () {。。。}$scope.loadNewerStories = function () {。。。}$scope.openLink = function (url) {window.open(url, '_blank');}});app.run(function ($ionicPlatform) {$ionicPlatform.ready(function () {。。。if (window.cordova && window.cordova.InAppBrowser) {window.open = window.cordova.InAppBrowser.open;}
。。。});})})();





转载于:https://my.oschina.net/uniquejava/blog/525304

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_835297.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用CSS开启硬件加速来提高网站性能

国外一篇文章&#xff0c;有点意思&#xff0c;转载过来&#xff0c;准备尝试下~ 中文地址&#xff1a;http://www.cnblogs.com/rubylouvre/p/3471490.html 原文地址&#xff1a;http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css…

网站伸缩性架构--数据存储服务器集群的伸缩性设计

1.分布式缓存的伸缩性设计 1.1Memcached分布式缓存集群的访问模型 1.2分布式缓存的一致性Hash算法 2.数据库存储服务器集群的伸缩性设计 数据库存储服务器集群的伸缩性设计对数据的持久性和可用性提出了更高的要求。数据存储服务器必须保证数据的可靠存储&#xff0c;任何情况下…

python爬取网站美女图片

今天周五&#xff0c;项目刚刚上线完&#xff0c;有些时间&#xff0c;闲着无聊&#xff0c;继续复习爬虫&#xff0c;这次打算爬取网站的美女图片。得先找到目标&#xff0c;然后目标网站还不会反爬虫&#xff0c;因为自己只是小白&#xff0c;好了开始。寻找目标&#xff0c;…

微软企业库5.0 学习之路——第四步、使用缓存提高网站的性能(EntLib Caching)

首先先补习下企业库的Caching Application Block的相关知识&#xff1a; 1、四大缓存方式&#xff0c;在Caching Application Block中&#xff0c;主要提供以下四种保存缓存数据的途径&#xff0c;分别是&#xff1a;内存存储&#xff08;默认&#xff09;、独立存储&#xff0…

零碎笔记:浏览器访问一个网站所经历的步骤

浏览器访问一个网站所经历的步骤 Chrome搜索自身的DNS缓存搜索操作系统自身的DNS缓存&#xff08;浏览器没有找到缓存或缓存已经失效&#xff09;查看Chrome浏览器的DNS缓存信息(chrome://net-internals/#dns)&#xff1a;读取本地HOST文件 浏览器发起一个DNS的一个系统调用 宽…

SEO独家干货:利用外链投票模型操作新站快速排名

今年我在卢松松博客投稿了不少的干货文章&#xff0c;其中有一篇叫做“SEO外链算法独家揭秘”&#xff0c;里面提到了很多朋友或许都没有思考到的点&#xff0c;我一直相信&#xff0c;在搜索引擎优化当中&#xff0c;当任何一个点优化到极致&#xff0c;你的排名将顺从着你的极…

如何利用网站博客打造个人品牌

如果你正在计划在网上创业&#xff0c;最好的方法就是建立自己的网络明星地位&#xff0c;获得更多关注和取得潜在客户的信任&#xff0c;那就是打造自己的个人品牌。下面懒人创富为你准备了一个用博客打造个人品牌的方法步骤&#xff0c;建议你收藏下来&#xff1a; 1.确定你的…

《大型网站服务器容量规划》一2.2 服务器容量规划的源由

本节书摘来异步社区《大型网站服务器容量规划》一书中的第2章&#xff0c;第2.2节&#xff0c;作者&#xff1a; 郑钢 责编&#xff1a; 张涛&#xff0c;更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.2 服务器容量规划的源由 为什么要做容量规划呢&#xff1f;当…

Mozilla 推出免费的网站安全测试服务

Mozilla 安全工程师 April Knight 发布了一个名叫 Observatory 的项目&#xff0c;旨在为大家提供一款类似于 SSL Labs、High-Tech Bridge 等扫描服务的免费版网站安全扫描工具。这项服务基于 GitHub 上的一个 Python 代码库&#xff0c;开发历时好几个月&#xff0c;并终于在昨…

PS网页设计教程II——在Photoshop中创建健康及营养或健身的网站

作为编码者&#xff0c;美工基础是偏弱的。我们可以参考一些成熟的网页PS教程&#xff0c;提高自身的设计能力。套用一句话&#xff0c;“熟读唐诗三百首&#xff0c;不会作诗也会吟”。 本系列的教程来源于网上的PS教程&#xff0c;都是国外的&#xff0c;全英文的。本人尝试翻…

思维导图形式带你读完《大型网站技术架构》中

下面所有图片原图及思维导图源文件和软件&#xff0c;欢迎关注我的微信公众号:"Java面试通关手册" 后台回复 “大型网站技术架构” 免费领取。 5 万无一失&#xff1a;网站的高可用架构 6 永无止境&#xff1a;网站的伸缩性架构 7 随机应变&#xff1a;网站的可扩展架…

web网站如何实现兼容手机

web网站如何实现兼容手机 一、总结 一句话总结&#xff1a;加上这句话即可&#xff1a;<meta name"viewport" content"widthdevice-width,initial-scale1.0">。 1、移动设备上的三个viewport是哪三个&#xff0c;分别代表什么&#xff1f; ppk把移动…

阿里云助力中小企业建站 在线免费自助建站成新用户首选...

阿里云助力中小企业建站 在线免费自助建站成新用户首选 提供云计算服务的行业头部企业-阿里云&#xff0c;对于广大中小企业来说&#xff0c;应该都不陌生。在企业需要建设自己官方网站&#xff0c;或者个人需要建设个人网站时&#xff0c;一般都需要购买网站空间或者云服务器来…

网站导航php,【网址导航系统】基于PHP+MYSQL开发的开源网站分类目录管理系统

DYCMS的主要特性包括&#xff1a;纯净的导航界面(去繁求简)响应式设计的前端设计聚合式搜索框(一键切换百度&#xff0c; 搜狗&#xff0c;360&#xff0c;必应搜索平台)用户可自行申请收B J – C b录&#xff0c;由管理员后台审核文章管理A F 2 P W发布功能每篇文章均有评论功…

(转) Web 建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么?...

Web 建站技术中&#xff0c;HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么&#xff1f; 建站有很多技术&#xff0c;如 HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、http://ASP.NET、Web Services、浏览器脚本、服务器脚本等。它们的区别…

http://qq.im谁能查一下这是什么网站

这网站不是腾讯的&#xff0c;浏览此网站请小心&#xff0c;不要弄丢你的QQ号等。 我5月份QQ.im被谁抢注了的时候&#xff0c;网站页面也忘了啥来着&#xff0c;非常简陋&#xff0c;好像就是联系卖此域名的。 今天又上去看了一下&#xff0c;变成了“QQ.im增值服务中心”&am…

APACHE开启GZIP提升网站JS加载速度

2016/4/18 //by xbw// win服务器下xampp搭建的服务器端&#xff0c; 我们先找到apache文件夹->找到conf文件夹->找到httpd.conf文件打开&#xff0c; 找到 LoadModule deflate_module modules/mod_deflate.soLoadModule filter_module modules/mod_filter.so LoadModule…

Google提示:西安电子科技大学计算机学院网站可能含有恶意软件

真不知道计算机学院那帮是怎么搞的&#xff0c;还不麻利点快修复阿&#xff0c;多影响声誉。

购物网站Laravel版

Web_Shop 需要代码的同学请留言 Intro Using xampp(phpmysqlapache)Using Laravel frameworkUsing BootStrap framework ScreenShot Usage step 1. git clone https://github.com/xbw12138/Web_Shop.gitstep 2. use composer php composer.phar installor composer ins…

spreadfirefox网站闪现不和谐图片被逮个正着

spreadfirefox.com出现支持的图片。该图片&#xff08;地址http://www.flickr.com/photos/22641130N05/2465538480&#xff09;保存于flickr网站&#xff0c;且该图片主人还有诸多不和谐图片。 不清楚spreadfirefox是怎么显示这些图片的&#xff0c;是自动从flickr上所有的标注…