ShareUrl（项目名）
实现的功能：在电脑上打开手机当前浏览的网页

在手机浏览器中分享当前打开网页的url到ShareUrl中
把url上传到gitee的代码片段中
chrome插件检测到url后在新标签页打开url

ShareUrl.apk的代码
AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    package="com.ylw.shareurl">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme"
        tools:ignore="AllowBackup,GoogleAppIndexingWarning">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.SEND" />
                <category android:name="android.intent.category.DEFAULT" />
                <data android:mimeType="text/*" />
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

MainActivity
package com.ylw.shareurl;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.os.Looper;
import android.util.Log;
import android.widget.TextView;
import android.widget.Toast;

import org.json.JSONException;
import org.json.JSONObject;

import java.io.ByteArrayOutputStream;
import java.io.Closeable;
import java.io.DataOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.HttpURLConnection;
import java.net.URL;

public class MainActivity extends Activity {

    private static final String TAG = "MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Intent intent = getIntent();
        if (intent.getExtras() != null) {
            TextView subjectView = findViewById(R.id.subject);
            TextView textView = findViewById(R.id.text);
            CharSequence subject = intent.getExtras().getString(Intent.EXTRA_SUBJECT);
            CharSequence text = intent.getExtras().getString(Intent.EXTRA_TEXT);

            subjectView.setText(subject);
            textView.setText(text);

            try {
                JSONObject file = new JSONObject();
                file.put("time", System.currentTimeMillis());
                file.put("url", text);
                JSONObject jsonObject = new JSONObject("{\n" +
                        "            \"access_token\": \"96a4681a09abb60000000000000000\",\n" +
                        "            \"files\": { \"ShareUrl\": { \"content\": \"" + file.toString().replaceAll("\"", "\\\\\"") + "\" } }, \"description\": \"ShareUrl\"\n" +
                        "        }");

                new Thread(() -> {
                    HttpURLConnection conn = null;
                    OutputStream os = null;
                    InputStream is = null;
                    try {
                        URL url = new URL("https://gitee.com/api/v5/gists/z0s3edyri6oxxxxxxxxxxxx");
                        conn = (HttpURLConnection) url.openConnection();
                        conn.setRequestMethod("PATCH");
                        conn.setRequestProperty("Content-Type", "application/json;charset=UTF-8");
                        conn.connect();
                        os = new DataOutputStream(conn.getOutputStream());
                        os.write(jsonObject.toString().getBytes());

                        int responseCode = conn.getResponseCode();
                        if (responseCode == HttpURLConnection.HTTP_OK) {
                            is = conn.getInputStream();
                            ByteArrayOutputStream bos;
                            bos = new ByteArrayOutputStream();
                            byte[] b = new byte[1024];
                            int len;
                            while ((len = is.read(b)) != -1) {  //先读到内存
                                bos.write(b, 0, len);
                            }
                            Log.i(TAG, "onCreate: " + new String(bos.toByteArray()));
                            showToast("SUCCESS");
                            new Handler(Looper.getMainLooper()).post(this::finish);
                        } else {
                            showToast("responseCode:" + responseCode);
                        }
                    } catch (Exception e) {
                        showToast(e.getMessage());
                        e.printStackTrace();
                    } finally {
                        close(is);
                        close(os);
                        if (conn != null) {
                            conn.disconnect();
                        }
                    }
                }).start();
            } catch (JSONException e) {
                e.printStackTrace();
            }
        } else {
            finish();
        }
    }

    void close(Closeable closeable) {
        try {
            closeable.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    private void showToast(String msg) {
        new Handler(Looper.getMainLooper()).post(() -> Toast.makeText(this, msg, Toast.LENGTH_LONG).show());
    }
}


activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ProgressBar
        android:id="@+id/progressBar"
        style="@style/Widget.AppCompat.ProgressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/subject"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginTop="8dp"
        android:padding="20dp"
        android:text="subject"
        android:textSize="20sp"
        app:layout_constraintBottom_toTopOf="@+id/progressBar"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:padding="20dp"
        android:text="text"
        android:textSize="20sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/subject" />

</android.support.constraint.ConstraintLayout>

　谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：
　　很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。
　　谷歌Android：

chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"
　　苹果iPhone 4：

chrome.exe --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405"
　　苹果iPad 2：

chrome.exe --user-agent="Mozilla/5.0 (iPad; CPU OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405"
　　诺基亚N97：

chrome.exe --user-agent="Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124"

 

如何用windows电脑+ios调试手机上打开的网页

一、环境

PC chrome浏览器（版本45、46）
	
IOS safari浏览器（11.2.6）
	
win系统（win7、win10）
	
一根USB数据线
二、打开iphone上 Safari浏览器的web检查器

设置 --> Safart浏览器 ---> 高级--- > 打开Web检查器

 

三、windows上安装iTunes

下载地址：iTunes

四、windows上安装ios-webkit-debug-proxy

1.打开powerShell,一般windows10自带，无需安装

在搜索框内输入powerShell选择如下应用即可



2.安装ios_webkit_debug_proxy

2.1 安装scoop（一个安装工具），在powershell应用中运行如下命令

  set-executionpolicy unrestricted -s cu            //修改执行策略，选择是

   iex (new-object net.webclient).downloadstring('https://get.scoop.sh')         //安装scoop

运行结果如下： 



2.2 安装ios_webkit_debug_proxy，在powershell应用中运行如下命令

scoop bucket add extras

scoop install ios-webkit-debug-proxy

运行结果如下： 



3.添加设备端口

在chrome://inspect/#devices添加设备端口，在红圈处进行添加。





 4. windows上下载ios-webkit-debug-proxy-1.8-win64-bin.zip包

下载地址：ios-webkit-debug-proxy-1.8-win64-bin.zip

五、运行

1.解压ios-webkit-debug-proxy-1.8-win64-bin.zip,进入解压后目录，输入cmd进入命令，输入下面的指令

ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html



2.USB数据线连接电脑和手机，在windows上打开iTunes，如下表示链接成功



3.手机上打开一个地址：例如百度 



4.打开127.0.0.1:9221，即可看到链接上的设备



5.然后点击127.0.0.1:9222跳转到下面的页面，右键单击------选择------>复制链接地址 



将复制的地址粘贴到chrome的新窗口中即可 

问题：手机直接访问你电脑上的静态页面；  ( 不要觉得复杂 一步一步下来 很简单 有什么问题 可以留言  随时回复 )

因为你想看该页面在移动端的效果；

无所谓下载很快 

 1.下载node.js 并安装   去node官网下载


2.命令行中: npm i http-server -g

3.切换到你的页面目录。然后命令行:  http-server

4.会看到有两条链接，访问有ip地址的那个链接即可

帮到你的话 可以打赏！ 不懂得可以问我 QQ：3289360550