• Home
  • Categories
  • WIKI
  • LANGUAGE: en
    • 制作网页版应用
    社区开发 2743 views · 13 replies ·
    Tofloor
    poster avatar
    185******30
    deepin
    2017-10-10 02:27
    Author
    以下方法可制作网页版应用【以自己创建的新浪微博为例】
    具体步骤
    1、/lastore/apps/目录下创建自己的网页应用目录，比如apps.com.weibo这目录
      sudo mkdir /lastore/apps/apps.com.weibo
    2、vim /lastore/apps/apps.com.weibo/manifest.json
    3、复制以下内容到manifest.json文件，以下内容根据情况自己修改
    1. {
    2.         "name":"apps.com.weibo",
    3.         "xwalk_version": "0.0.1",
    4.                "xwalk_bounds" : {
    5.                 "width" : 1280,
    6.                 "height" : 768,
    7.                        "max-width" : 1920,
    8.                        "max-height" :1080
    9.         },
    10.         "icons": [
    11.                 {
    12.                         "src": "/usr/icon/apps.com.weibo.png",
    13.                                "sizes": "48x48",
    14.                         "type": "image/png",
    15.                         "density": "1.0"
    16.                 }
    17.         ],
    18.         "start_url": "https://weibo.com",
    19.         "display": "standalone"
    20. }
    Copy the Code
    4、创建桌面应用，执行以下代码
    sudo gedit /usr/share/applications/weibo.desktop
    5、复制以下代码到weibo.desktop
    1. #!/usr/bin/env xdg-open
    2. [Desktop Entry]
    3. Type=Application
    4. Name=新浪微博
    5. Exec=deepin-xwalk /lastore/apps/apps.com.weibo/manifest.json
    6. Icon=/usr/icon/apps.com.weibo.png
    Copy the Code
    以上步骤后就能在启动器中看到创建的网页应用，附上效果图


    Reply Favorite View the author
    All Replies
    avatar
    185******30
    deepin
    2017-10-10 02:29
    #1
    有什么问题大家可以共同讨论，本人也是刚接触deepin
    Reply View the author
    avatar
    jingle
    deepin
    2017-10-10 02:41
    #2
    web框架1.0
    Reply View the author
    avatar
    sysop
    deepin
    2017-10-10 02:59
    #3
    https://bbs.deepin.org/post/146478
    web框架1.0

    deepin为什么不做窗口置顶功能呢






      神奇的小尾巴：Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.78 Safari/537.36  (zh-CN)
      ——2017/10/9 下午6:59:32               
      Reply View the author
      avatar
      187******09
      deepin
      2017-10-10 03:15
      #4
      我自己搞了好几个，就微博，打开不到一分钟就会没反应
      Reply View the author
      avatar
      司南
      deepin
      2017-10-10 06:00
      #5
      新版功能吗？
      Reply View the author
      avatar
      wangyong
      deepin
      2017-10-10 07:58
      #6
      https://bbs.deepin.org/post/146478
      deepin为什么不做窗口置顶功能呢

      Tooltip:
      窗口 Alt + Space 弹出的菜单就有置顶功能， Win + S 的窗口左上角也有快速置顶小图钉。
      Reply View the author
      avatar
      sysop
      deepin
      2017-10-10 08:17
      #7
      https://bbs.deepin.org/post/146478
      Tooltip:
      窗口 Alt + Space 弹出的菜单就有置顶功能， Win + S 的窗口左上角也有快速置顶小图钉。 ...

      哦 知道了 隐藏的好深\(^o^)/~






        神奇的小尾巴：Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.78 Safari/537.36  (zh-CN)
        ——2017/10/10 上午12:17:03                 
        Reply View the author
        avatar
        dickxia
        deepin
        2017-10-12 01:00
        #8
        15.5的东西怎么都急着发了呢？
        Reply View the author
        avatar
        jingle
        deepin
        2017-10-12 01:34
        #9
        https://bbs.deepin.org/post/146478
        有什么问题大家可以共同讨论，本人也是刚接触deepin

        https://webcatalog.io/download/linux
        Reply View the author
        avatar
        sysop
        deepin
        2017-12-17 23:19
        #10
        按教程做了个 双击图标没反应 不知道哪里出错了






          神奇的小尾巴：Mozilla/5.0 (Wayland; Linux x86_64; rv:58.0) Gecko/20100101 Firefox/58.0  (zh-CN)
          ——2017/12/17 下午3:19:16                   
          Reply View the author
          avatar
          sysop
          deepin
          2017-12-17 23:28
          #11
          能不能直接把本地网页做成应用 做个小秒表网页估计得调下 太大了



          3. *type="tex*">
          4. function startTime()
          5. {
          6. var today=new Date()
          7. var h=today.getHours()
          8. var m=today.getMinutes()
          9. var s=today.getSeconds()
          10. var ms=today.getMilliseconds()
          11. // add a zero in front of numbers<10
          12. m=checkTime(m)
          13. s=checkTime(s)
          14. ms=checkTime2(ms);
          15. document.getElementById('txt').innerHTML=h+":"+m+":"+s+":"+ms;
          16. t=setTimeout('startTime()',50)
          17. }
          18. function checkTime(i)
          19. {
          20. if (i<10)
          21. {i="0" + i}
          22. return i
          23. }
          24. function checkTime2(i)
          25. {
          26. if (i<10)
          27. {i="00" + i;return i;}
          28. if (i<100)
          29. {i="0" + i;return i;}
          30. return i;
          31. }










        • Copy the Code


          Reply View the author
          avatar
          158******06
          deepin
          2017-12-21 20:13
          #12
          https://bbs.deepin.org/post/146478
          按教程做了个 双击图标没反应 不知道哪里出错了

          我也是的
          Reply View the author
          avatar
          yorun
          deepin
          2017-12-21 20:50
          #13
          谷歌浏览器不是可以直接添加到桌面吗？用得着这麻烦？

          Reply View the author